サイトの関連記事・人気記事をカスタマイズ【記事下】

久々にこのサイトでWordPressの話題を書きたいと思います。
FCめがぶーの宗岡（@pre_muneoka）です。

個人サイト【O3 WEB】ではWordPressやテーマの話題をそこそこ書いていますが、元々このFCめがぶーサイトでWordPressに関する記事を書いておりました。

FCめがぶーサイトもリニューアルしたてで、改造箇所も多く、改造した場所や方法をこのサイトに直接載せた方が見る方にとって効率的だと思いWordPress記事の再掲載をきめました！

WordPress | O3 WEB

面白いWordPressプラグインや無料テーマなどに関しては、個人サイトで扱いますのでそちらも見て頂ければと思います。

1 なぜ記事下に関連記事・人気記事なのか？
2 まとめ

なぜ記事下に関連記事・人気記事なのか？

このサイトでは行っていませんが、アフィリエイトを行っているサイトを見てみてください。アフィリエイトバナーが貼ってある位置は、ユーザーが見やすい（クリックしやすい）位置になっています。

その中でも「記事下」はホットスポットになっており、関連記事や人気記事を配置しているサイトが非常に多いです。このサイトでも関連記事は配置していましたが今回のカスタマイズで人気記事も配置することにしました。

WordPress Related Postsの導入

通常のプラグインと同じように

管理画面の左サイドバー「プラグイン」＞新規追加＞ WordPress Related Postで検索
WordPress Related Postをインストールして有効化しましょう。

WordPress Related Posts使い方

有効化をすると
管理画面の左サイドバー「設定」＞ WordPress Related Post が出現します。

Basic settingsでは、関連記事の上に表示される文章と表示記事数を設定出来ます。

Related Posts Title:…空白でも問題ありません。見出しになります。
Number of Posts:…表示記事数になります。

Enable Themes*…こちらをチェックすることで関連記事のテーマが有効化。
Layout…表示方法を選択できます。このサイトでは「Vertical (Medium)」。

※Two Columnsはブラウザーなどに強く依存し、表示乱れが続発するそうです。
　設定しだいなんのかもしれませんが使用時はよくご確認を。

Display Thumbnails For Related Posts…サムネイル画像の表示。
Display Number of Comments…コメント数を表示。
Display Publish Date…日時を表示。
Display Post Excerpt…文章抜粋を表示。数字は抜粋文章量。
Enable custom CSS…カスタムのCSSを使う場合は設定。

このサイトでは、CSSでサムネイルサイズや記事タイトルのフォントサイズを調整しています。

Default thumbnails…デフォルトのサムネイルを指定出来ます。

こちらの設定もせずに、記事側でアイキャッチを設定しない場合はランダムで画像が挿入されます。

Use custom field for thumbnails…カスタムフィールドに使用した画像を使えるそうです。
Custom size thumbnails…サムネイル画像のサイズを指定できます。

関連記事から除外するカテゴリーを選択できます。

Auto Insert Related Posts (or add to your single post template)
…自動で関連記事を表示させたい場合はチェックを。任意で場所を選ぶ時は、表示したい箇所に「」を記述します。このサイトの場合は「single.php」に直接書くことで表示を行っています。