WordPressのテーマ（テンプレート）を Simplicity から Stork に変更してみた。 テーマを変えてから放置できるくらい全体像が落ち着くまでに３週間かかった。デザインの変更点は、 トップページにスライダー。（Stork 標準装備） 投稿ページごとに異なる背景画像を表示。（Stork のバイラル風をカスタマイズ） Colorbox Lightbox から 全画面表示 もできる PhotoSwipe に変更。 表示中の記事と同じカテゴリの新着記事、人気記事をサイドバーに表示。 関連記事の小さいサムネイル画像にその記事の所属カテゴリを表示（Stork の標準装備をサイドバーの人気記事にも拡張） 追加したCSSは2173行 ナビボタンはモバイル、PC...
669
タグ: Wordpress ～ 93件
-
- 2677年12月27日現在表示している記事と同じカテゴリーの人気記事のリストを表示するには？ WPP Plus Widget というプラグインを使ってみたら、その記事の所属カテゴリーだけに限定することができず、その記事のカテゴリーの親のカテゴリーの記事まで表示されてしまう不思議に遭遇した。 他にも時間の表示フォーマットを変更できなかったり、不具合があったので使用停止。 PHP Code Widget に独自PHPコードを放り込むほうが良い。Simple GA Ranking プラグインの機能を使用するので、インストールしておく。 週間・月間・年間ランキング.html ...
- 2677年12月27日吊橋と鶏 検索サイトから飛んできて、ある記事を表示した時に、その記事と同じカテゴリーの最新記事のリストを表示するには？ まず、PHP Code Widget プラグインをインストールするとサイドバーのウィジェットにPHPコードが使えるようになる。 そこに次のコードを書き込む。<h4 class="widgettitle"><span class="side-title-inner"> <?php // SHOW YOAST PRIMARY CATEGORY, OR FIRST CATEGORY $category = get_the_category(); $useCatLink = true; // If post has a cate...
- 2677年12月22日個別の投稿記事のページで、それぞれの記事のアイキャッチ画像を背景画像に設定するにはどうすればよいか？画像の幅が639px 以上で、PNG画像でない場合に背景に設定する。 アイキャチ画像がある場合はアイキャチ画像を、 アイキャチ画像が設定されていない場合は、本文中の最初の画像を、 その画像が小さすぎたり、PNG画像だったり、画像が全くなかったりした場合は、標準の背景画像を表示する。標準画像として、 １．全投稿記事のアイキャチ画像からランダムにピックアップする。 ２．それもだめなら、rotate.php を使用して、特定のフォルダ内の複数の背景画像からランダムに表示する。
- 2677年12月22日Pre タグにCSSで行番号を付けるには次のようにする。 スクロールバーもついでに装飾。 Javascriptを使うまでもない。pre { background-color: #002000; color: #E2E2E2; font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -...
- これまでは 画像の表示に Colorbox Lightbox というプラグインを使用していた。 これは、タイルギャラリーの中の画像でも、その他の本文中の画像でも分け隔てなくLightbox 表示してくれていた。だが全画面表示ができない。今回の全面改装時に全画面表示にできるものがないか探してみたら、PhotoSwipe があった。 これのWordpress プラグインはいくつかあるが、どれもJetpack のタイルギャラリーの画像はLightbox 表示されなかった。 Justified Gallery はタイルギャラリーの画像もPhotoSwipe 表示することができるが、Justified Galleryの独自のギャラリー外観に変わってしまう。タイルギャラリー...
- このさい、このサイトも HTTPS 化してみた。 まず古いSSL証明書から、最新 Kusanagi 式の Let’s EncryptのSSL証明書に乗り換える。 kusanagi ssl --email john@example.com saya と新規発行しようとやってみたがエラーがでて進めない。後で気づいたのだが、nginx.conf に次の3行を追加して、.well-known ディレクトリに書き込みできるようにすればよかったのではないか。 location ~* /\.well-known { allow all; } エラー続きだったので、新規ドメインサイトとして...
- 2677年4月4日マッチングサイト、広告掲示板サイトが簡単に作れる Osclass をインストールしてみた。 基盤は ConoHa サーバ ＋ Kusanagi まず、SSH でサーバーにログインし、 Kusanagi provision でサイトを追加する。ここでは、新規のドメイン、又はサブドメインのサイトを追加する。SSL 証明書もインストールされる。 ドメイン名は、osclass.makotoiwasaki.com とする。 kusanagi provision --lamp osclass Wordpress をインストールする必要はないので、LEMP(Linux+NGINX+MySQL+...
- 2677年3月18日WordPress に Captcha Bank というプラグインを入れると、管理画面からのログインに失敗した記録がメールで届く。 これまでに何百回も来ていた。 Login Failure Notification- Captcha Bankこれを止めるにはどうすればよいか。 そもそも不正なログインの試み自体を止めるにはどうしたらよいか。 Google のサイトで使用されている ReCaptcha という「私はロボットではありません」 とクリックさせるツールを導入してみるといい。 WordPress ReCaptcha Integration というプラグインがある。 これで不正ログインの試み自体を防止することができ、ログイン失敗のメールも来なくなった。
- 2677年3月17日WordPress の Slimstat の アクセスログ を見ていると、次のメッセージが出ていた。 Install the Browscap User Agent Database to accurately determine your visitors' browser and operating system. それで、User Agent Database をインストールすべくクリックすると、次のエラーが出た。 There was an error saving the Browscap data file on your server. Please check your folder permissions. いろいろとサーバー内のフォルダのパーミッションを調査してみたりし...
- 2677年2月24日Wordpress で 新規記事を投稿した後、google 検索データーベースにインデックスされるのが遅い。1日後も検索して引っかからなかったら十分遅いといえるだろう。 理想的には30分以内に登録されたい。 そのためには、を開いて、Fetch as Google に登録したいURLを記入すると、10分以内には検索エンジンに表示されるようになる。 この作業は、手作業で毎回、新記事を投稿した際にやるしかないようだ。 PubSubHubbubプラグイン を入れているがあまり効果はないようだ。 もちろん、xml サイトマップ も完備して、Ping も送信しているようであるが、すぐには登録されない。
- 2677年2月14日このサイトに新規記事を投稿する時、同時に Facebook にも投稿するように設定している。 Next Scripts: Social Networks Auto Poster というプラグインを利用している。これが2ヶ月に一回の間隔で、Facebook のログイン Session が Expire して次のようなエラーが出る。- - -=ERROR=- Array (=>=> Error validating...
- 2677年1月27日記事ごとに著作者情報を載せることにした。 どういう方法があるのか調べてみると、Wordpress プラグインで、StarBox を入れてみた。 その後、Fancier Author Box も入れて較べてみた。 Fancier Author Box は、Latest Post で最近の投稿の数を増減することができるのに対し、StarBox では3つしか載せられない。 StarBox では写真を丸型にしたりデザインのオプションがいくつかある。 Fancier Author Box では、Latest Post のタブに写真がない。設定がおかしいのかも。 Fancier Author Box では Gravatars で設定した写真が表示されるが、StarBox では独自にアップロードもできる...
- 2677年1月22日WordPress 付属の検索ツールから検索すると写真のキャプションの文章はひっかからない。 Google カスタム検索 で検索すると写真のキャプションの文章中の語句も引っかかる。 検索する際に、検索後のスペルを間違えて入力したとしても、Google カスタム検索なら補完語での検索結果が表示されるが、Wordpress 付属の検索ツールではNotFound となるのみ。 検索結果の表示にも違いがある。 Google カスタム検索 の検索結果には広告が表示される。 当サイトの右上に2つの検索窓を置いてみた。
- 2677年1月20日WordPress では、タグクラウドにそれぞれのタグの投稿記事数が表示されないのが標準であるが、時に投稿数が表示されているものもみかける。 どうすれば記事数を表示できるのか、調べてみたが、これがなかなかすんなりいかなかった。 最終的には2つの方法を見つけた。 1. Simple Tags プラグインをインストールする。 （既にインストールされていた。） Tag Cloud 設定画面で次のように (%tag_count%) と加筆する <a href="%tag_link%" id="tag-link-%tag_id%" class="st-tags t%tag_scale%" title="%tag_count% topics" %tag_rel% style="%tag_si...