ワードプレスのブログ投稿の下やサイドバーのウィジェット部分に【関連記事】のリストを掲載するプラグインとしては、「Related Posts」や「Similar Posts」が有名です。インストールや設定は簡単なのですが、CSSでの表示修正に手間取ったので、参考になった記事を紹介させて頂きます。
しかしこの「Similar Posts」、人気記事のリストを表示する「Popular Posts」と作者が同じらしく、また同時に解説しているサイトも多いので、検索で「Similar Posts」の事を調べていたのにいつのまにか「Popular Posts」のカスタマイズ記事を読み込み、「そんな設定画面無いですけど!」のように混乱に陥ることがあります。自分が今何を調べているのか、きちんと立ち止まって確認しましょう。
[browser-shot width=”300″ url=”http://ri-mode.com/rainbow/2013/02/25/similar_posts_thumnails/”]
ri-mode様 Similar Postsの設置方法 サムネイルを表示
サムネイルの取得、表示方法。投稿の最初の画像から取得する方法と、アイキャッチから取得する方法を紹介しています。横に画像が並ぶタイプです。
[browser-shot width=”300″ url=”http://danshiblog.com/job/120605-wordpress-similarposts-thumbnail.html”]
男子風呂(ぐ)様 WordPressで「Similar Posts」のサムネイルを正しい比率で表示させる方法
サムネイルの正方形クロップ(左右が縮小されず真ん中あたりで切り抜かれる)get_the_post_thumbnailタグや、Similar Posts独自のPHP開始宣言タグについて解説されています。
[browser-shot width=”300″ url=”http://webimemo.com/wordpress/963″]
ウェビメモ様 関連記事のプラグインSimilar Postsでサムネイル表示がうまくいく方法
get_the_post_thumbnailタグに辿り着くまでの経緯が詳細で面白いです。
[browser-shot width=”300″ url=”http://www.monochrome-photo.info/?p=4489″]
ものくろぼっくす様 Similar Posts ”Output template:”(出力テンプレート)HTML CSS (スタイルシート)コード設定
自身の記事で設定したコードを、1行ずつ、とても分かりやすく解説されています。
[browser-shot width=”300″ url=”http://www.meblog.info/553.html”]
meblog様 関連記事をサムネイル付きで表示できるWordPressプラグイン
記事は2009年と古いのですが、その後コメント欄にて細かい対応をされています。(イメージフォルダの年月チェックを外す等)
[browser-shot width=”300″ url=”http://harutomo-ryu.com/archives/2012-10-26/210052.html”]
なまら春友流様 WordPressプラグイン「SimilarPosts」と「PopularPosts」にサムネイル画像とはてブを付ける方法
記事タイトル後部にはてブ表記を追加する方法を解説しています。
[browser-shot width=”300″ url=”http://syusyunote.com/similar-posts-thumbnail-hatebu/”]
情報蒐集様 WordPressのプラグイン「Similar Posts」でサイドバーにサムネイル画像とはてブつき記事を表示させる方法
はてブ数付きの関連記事タイトルをサイドバーウィジェットに追加する方法です。