タグを使って「関連記事一覧」を出力するWordPressカスタマイズ

2013年5月24日 2018年5月24日

ブログを運営するにあたって「関連記事」ってなにげに重要なんですよね。
便利なプラグインも揃っていて実装もそれほど手間ではないのでは・・・。

しかし、テーマを少々カスタマイズすることで実装できてしまうのです。
自分用の備忘録にもなるし、タグを使った関連記事一覧の出力方法を紹介します。

WordPressで関連記事を出力するイメージ

タイトルとアイキャッチ画像を表示し、記事ページへリンクします。

関連記事の出力イメージ
ただのテキスト一覧では面白くないので、やっぱサムネイル画像は欲しいと思ったので付けてみました。

ソースコード

single.phpに以下を追加。

画像サイズは、管理画面の「設定」→「メディア」の「サムネイルのサイズ」で表示されます。
アイキャッチ画像が未設定の記事の為に、Noimage的な画像も用意しておくと良いと思います。

参考にさせて頂いたページはこちら

プラグインを使わずに、WordPressのサムネイルつき関連記事を表示する

お気軽にコメントをどうぞ。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください