カテゴリー: 03 カスタマイズ

 

　サイトを訪れてくれたユーザーに、『サイト内には、こんな人気記事もありますよ』と、人気記事をランキング順に表示してみることにした。

 

　但し、このサイトを運用しているサーバーが【 Raspberry Pi 】なので、これ以上ページの表示速度が遅くなるような負荷をかけるわけにはいかない。ググってみると、「Simple GA Ranking」というプラグインは、Googleアナリティクスのデータを利用してランキングを算出するため、サーバへの負荷が軽いとのこと。

 

しかし、Googleアナリティクスのデータを利用するための「Analytics設定」が、少々複雑であった。

 

以下に、Simple GA Ranking プラグインの設定要領を記載。

“WordPress 人気記事一覧をサイドバーに表示” の続きを読む

 

Contact Form 7をバージョン 5.1へとアップデートすると、reCAPTCHA v3へ変更してくださいと表示される。

 

 

以下に、Contact Form 7の reCAPTCHA を【v2→v3】に変更した方法を記録。

“「お問い合わせ」 reCAPTCHA インテグレーションのセットアップ” の続きを読む

 

固定ページには、タイトルは表示されているが、「投稿日・更新日・投稿者」は表示されていない。管理面・SEO面から、これらを表示することにした。

 

 

以下、固定ページへの「投稿日・更新日・投稿者」の表示要領。

“固定ページに 投稿日・更新日・投稿者を表示する” の続きを読む

 

フロントページの記事一覧で表示される記事タイトルと、カテゴリーやアーカイブで表示される記事一覧の記事タイトルと、それぞれの文字サイズが異なっている。 

 

 

双方とも、<h2 class=”entry-title”>で表示しているにもかかわらず、なぜ異なるのか分からないまま、半ば強制的に文字サイズを変更した。

“twenty seventeen 記事タイトルの文字サイズを変更” の続きを読む

 

標準のブログカードは、サイズが大きすぎていくつも並べられない。そこで、いくつも並べても見やすいサイズのブログカードを自作することにした。

自作するにあたっては、ブログのメンテナンス性を考慮し、URLを直接記述する方式ではなく、『ショートコード』で実装することにした。

“twenty seventeen 内部リンクをショートコードでブログカード化” の続きを読む

 

任意のページの、任意の場所に、任意のカテゴリーの『記事一覧』を、任意の数だけ、サムネイル付きで表示する『関連記事一覧を表示するショートコード』を作成した。 記事一覧は、『ブログカード』風のデザインにした。

 

ショートコードで、ブログカード風『関連記事一覧』を表示した例。

 

“WordPress ショートコードで『ブログカード風』『関連記事一覧』を表示” の続きを読む

 

WordPressでは「続きを読む」をクリックした場合、まさにその続きの場所から表示される。これを『利便性』の観点から、ページの先頭から表示されるように変更する。

“Twenty Seventeen 「続きを読む」をクリックした時、ページの先頭にジャンプ” の続きを読む

 

style.css を編集するだけで、「続きを読む」をボタンにすることが出来る。

 

 

以下に、「続きを読む」ボタンのCSSを記録。

 

“Twenty Seventeen 「続きを読む」をCSSでボタン化する” の続きを読む

 

ページ内リンクで、リンク先の先頭位置が隠れてしまい、最適な位置で表示されない。この解決方法を以下に記す。

“Twenty Seventeen ページ内リンクのリンク先位置調整” の続きを読む

 

ページをスクロールすると、画面右下に「トップへ戻る」ボタンが浮かび上がってきて、これを押すとページの先頭に戻るボタンを設置した。

以下に、この方法を記述。

“Twenty Seventeen ページトップへ戻るボタンの設置” の続きを読む