ワードプレスで自作テーマ作成-L21 プラグインなしで記事下に関連記事を追加する-

2021年7月24日

ワードプレスで自作テーマ作成シリーズ
今回は「L21 プラグインなしで記事下に関連記事を追加する」方法をご紹介します。

上記画像のような関連記事を記事下に表示させます。関連記事のサムネイルとタイトルのみが表示されるシンプルなものです。

今回はこちらのブログを参考にさせていただきました。ただ、画像をカスタマイズしたかったので画像の出力方法をサムネイルではなくバックグラウンドで出力するようにしました。

①related-entries.phpの作成

「related-entries.php」というファイルを作成して以下を記入してください。

「single.php」に以下を記入してください。

場所はコンテンツの下がいいでしょう。

「style.css」に以下を記入してください。

Yet Another Related Posts Plugin (YARPP)というプラグインを使用することで関連記事を表示させることもできますが、プラグインをできるだけ使いたくない方にはこちらの方法を試してみてください。