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

2020年2月24日

関連記事

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

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

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

①related-entries.phpの作成

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

single.phpの編集

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

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

関連記事single.phpの記載

③style.cssの編集

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

最後に

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

\記事が役に立ったらシェアしてね/
★フォローする★

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です