Sharing is caring!

 この記事を読むのに必要な時間は約 3 分 7 秒です。

WordPress の記事が増えていくと、関連した投稿を併せて読んで欲しくなる。訪れたサイトでも、類似している内容を比較してみたくなる。
それは情報系のサイトに限ったことではなく、日記的なウェブログでもそれが好ましい。以前はリンクを張って一覧表示させたいことがある。でもそれも、いつ書いたのか探しだすのもやがて大変になります。それでタグやカテゴリーを付与して更新するように成るのですが、目に止まりやすく。そしてそれがサイトを飾れる美しいものであると嬉しいと思ったりする。


『関連した記事を表示する』プラグインは、そういうそれぞれの思いで開発されたのでしょう。表現されるスタイルに個性が感じられます。
記事(Post )のタイトルだけ、イメージを表示させるもの。スライドでランダムに入れ替わるものと、作ったサイトに似合うようにと幾つか使っていますが今回導入したのは、『 WordPress Related Post 』です。
イメージ画像とタイトルだけでは、把握しにくいケースも有り記事の要約が表示できるのが良い。日本語だと見苦しい並びにならないように、スタイルシートをカスタマイズできるのが良い。画像サイズを大、中、小と選べる。二列カラムで並べられることが気に入ったトップ・ポイントです。

これまで「よかかも」と導入しているプラグインはあるけど、プラグインが提供するデザインがシンプルなことが表示には時間がかからないのかもしれません。
それが尚の事、自分なりにサイトに似合うレイアウトをスタイルシートでカスタマイズできるので今回はタイトルの前にロゴマークを「:before」要素で挿入しました。矢印や「More」でも問題無いようです。

.related_post_title {
}
ul.related_post {
}
ul.related_post li {
text-align:justify;
}
ul.related_post li:before { 
padding:0 2px 0 0;
content:url("リストの頭につける画像のURL");
}
ul.related_post li a { 
}
ul.related_post li img {
}

プラグイン『 Related Posts 』は、プラグインのサイトからダウンロードするか、WordPressのプラグイン・ディレクトリーからインストールしてプラグインを有効にする。
それだけの簡単な導入です。ダッシュボードに「Related Posts」の項目が現れます。最初に利用するコースを選択すると、設定ができます。
しかも、投稿にイメージ画像がなかった場合のデフォルト画像も指定できるしSEOに嬉しいコメント数、投稿日の表示、非表示が出来。フィードで購読されている場合には、同様に付与できるので他の記事もついでに読んでもらえるというのが良いではありませんか。

2013年のCD

通販LP

関連記事

  • CSS3 Tips : そのうち役に立つばい text-rendering で WordPress 日本語ブログを美しく見せる おまじないにCSS3 Tips : そのうち役に立つばい text-rendering で WordPress 日本語ブログを美しく見せる おまじないに カーニングと合字(リガチャ)のデータを持っている和文フォントをうまい具合に調整してくれる optimizeLegibility […]
  • WordPress 3.8.1-ja Update とプラグインのアップデートWordPress 3.8.1-ja Update とプラグインのアップデート 検索ですぐヒットするのは上位アクセスと思いがちですがWordPressの対策としては多くのアクセスが有ったのは“古い情報”かもしれないとまずは考えて欲しい。プラグインやテーマのバージョンを確認してWordPress 3.8.1 […]
  • 【WordPress】フロントページに画像を表示させる Wordpress Plug In : Thumbnail For Excerpts【WordPress】フロントページに画像を表示させる Wordpress Plug In : Thumbnail For Excerpts フロントページをブログタイプではなく、マガジンタイプやビジネスサイトのトップページで一覧表示をしている際に記事に使用しているイメージをサムネイルで表示させることが簡単に出来ます。サムネイルのサイズ、左、中、右と画像の表示位置も指定できる簡単で便利です。 プラグイン Thumbnail For […]
  • 《WordPress》Webフォントとサイト・パフォーマンス《WordPress》Webフォントとサイト・パフォーマンス 作成したページの表示が遅い。そう感じたら、1ページの表示にあれこれ盛り込んでいないか見なおそう。 Webフォントは確かに使用すると重くなります。せめて、フロントページでは適用させない。本文記事も長い文章にしないように、ワンポイント的な効果を狙うのがいいでしょう。 おしゃれには一見感じますが長い文章をWebフォントで読むのは、読みにくいものでもあります。 […]
  • 【WordPress】パンくずリストをプラグインでつける。【WordPress】パンくずリストをプラグインでつける。 WordPress サイトで、パンくずリストを導入する場合はプラグインが色々と出ています。勿論プラグインが消費するメモリーが心配だったら、php に直接コードを書く方法もあります。 今回はパンくずリストを有効とする単独のプラグインではなくて、「 Yoast WordPress SEO […]