WordPressの関連記事表示プラグイン Related Posts By Taxonomy
WordPressでウェブサイトを構築する際、ニュースやブログ、製品情報などの詳細ページで関連する記事を表示することがよくあります。
関連記事を表示するプラグインは数多くありますが、今回は比較的設定が簡単で柔軟なコードを出力できる Related Posts By Taxonomy をご紹介いたします。
Related Posts By Taxonomy とは

Related Posts By Taxonomy は、ウィジェットやショートコードを用いて、ウェブサイトの任意の場所に関連記事を表示するWordPressのプラグインです。
タクソノミー(カテゴリー)や、投稿タイプ、単語から、関連性の高い記事を見つけ出して表示することができます。
表示件数や並び順、出力フォーマットやサムネイルのサイズなど、様々なオプションを設定することができるので、導入するウェブサイトに合ったデザインに簡単に調整できます。
インストールと設定
インストールは、管理画面の「プラグイン」→「新規追加」より、キーワード「Related Posts By Taxonomy」で検索するか、WordPressのプラグイン公式ページよりダウンロードし、プラグインフォルダにアップロードしましょう。
インストールが終わったら、プラグインを有効化します。
この時点で特に設定する項目はありません。
ウィジェットかショートコードかによって設定方法が異なりますので、それぞれの使用方法を説明いたします。
ウィジェットとして使用する場合
インストールが終わり、プラグインを有効化すると、「外観」→「ウィジェット」の「利用できるウィジェット」に「Related Posts By Taxonomy」が追加されています。ドラッグ&ドロップもしくは、クリックして表示したい場所に「ウィジェットを追加」します。

すると、上記のようにウィジェットの設定を行える画面になります。
設定可能なオプションは下記の12項目です。
ウィジェットで設定できるオプション項目
項目1 : Title
ここに入力したタイトルが公開ウェブサイト上で、ウィジェットのタイトルとして表示されます。
タイトルが不要な場合、何も入力しなければOKです。
項目2 : Number of related posts to show
表示する関連記事の数を1を最小値として入力します。
項目3 : Randomize related posts
通常は関連性の高い順に、項目2で設定した件数の記事を関連記事として表示しますが、こちらのチェックボックスをチェックすると、関連する記事をランダムで表示することができます。
項目4 : Taxonomy
表示したい関連記事のタクソノミーを指定します。カスタムタクソノミーを設定していない場合、カテゴリー、タグ、フォーマットが選択肢として表示されているかと思います。
タクソノミーを限定する場合に設定しますが、通常は All Taxonomies で問題ないでしょう。
項目5 : Post Types
表示したい関連記事の投稿タイプを指定します。任意の投稿タイプを指定したい場合に、チェックボックスにチェックを入れます。
こちらも、カスタム投稿タイプを設定していない場合、選択肢は投稿のみで特に設定は必要ないでしょう。
項目6 : Display Format
出力形式を選択します。
各形式の出力HTMLは、プラグインフォルダの/plugins/related-posts-by-taxonomy/templates/にあるテンプレートファイルを編集することで変更することができます。
選択可能なフォーマットは下記の4形式です。
- Links
関連記事のタイトルを一覧で出力します。
該当テンプレートファイル:related-posts-links.php - Posts
関連記事のタイトルと本文すべてを出力します。
タイトルのみにリンクが設定された状態で出力されます。
該当テンプレートファイル:related-posts-posts.php - Excerpts
関連記事のタイトルと抜粋を出力します。
タイトルのみにリンクが設定された状態で出力されます。
該当テンプレートファイル:related-posts-excerpts.php - Post thumbnails
関連記事のサムネイルとキャプションを出力します。
サムネイルにのみリンクが設定された状態で出力されますが、項目10でキャプションにもリンクを設定することができます。
該当テンプレートファイル:related-posts-thumbnails.php
項目7 : Display post date
関連記事の公開日時を表示したい場合、この項目をチェックを入れます。
項目6の出力形式の設定に関わらず、タイトルの次に表示されます。
項目8 : Image Size
項目6で Post thumbnails を選択した場合、表示するサムネイルのサイズを設定することができます。
「設定」→「メディア」で設定している画像サイズや、テーマやプラグインで独自に設定した画像サイズが選択可能です。
項目9 : Number of image colums
項目6で Post thumbnails を選択した場合、関連記事を横並びでいくつ表示するかを設定することができます。
項目10 : Link image captions to posts
項目6で Post thumbnails を選択した場合、サムネイル画像だけではなくキャプションにもリンクを設定したい時に、こちらの項目にチェックを入れます。
項目11 : Display this widget on single post pages only
関連記事を、記事詳細ページにのみ表示したい場合にチェックを入れます。
カテゴリーなどの記事一覧に、関連記事リストが必要ない場合などが該当します。
項目12 : Display related posts for post ID (optional)
特定の記事を関連記事として表示したい場合、その記事の投稿IDをこちらに入力するようですが、弊社でのテストでは違う記事が表示されたりと挙動がつかめておりませんので、追って検証したいと思います。
必要な設定が終わりましたら、保存をクリックします。

すると、設定内容に応じた関連記事一覧が表示されます。
ショートコードで利用する場合
ショートコードの場合、ウィジェットよりも更に細かな設定を行うことができます。
投稿や固定ページなどの本文で任意の場所に出力したい場合は、下記のコードを記述するだけで簡単に表示できます。
|
1 |
[related_posts_by_tax] |
テンプレートファイルの任意の箇所に出力する場合は、do_shortcode関数を使用して下記のようなコードを記述します。
|
1 |
<?php echo do_shortcode( '[related_posts_by_tax]' ) ?> |
ショートコードで設定できるオプションは28項目に及びますが、属性名から想像できるような単純なものばかりですので、すぐに理解できるかと思います。
サクッと実装!標準的なショートコード
とは言え、最低限のオプションだけで手間なくサクッと実装したいと言うのが本音ですよね。
一般的な使い方であれば、下記のコードのいずれか十分です。タイトル、表示件数などを必要に応じて書き換えてください。
|
1 2 3 4 |
// 投稿タイトルのリスト [related_posts_by_tax title="関連記事" post_per_page="10" format="links" ] // サムネイルと投稿タイトルのリスト [related_posts_by_tax title="関連記事" post_per_page="10" format="thumbnails" columns="2" link_caption="true" ] |
ショートコードで設定できるオプション項目
post_id
関連記事として特定の投稿を表示したい場合、その記事の投稿IDを指定します。
こちらもウィジェットの項目12同様に挙動がハッキリしないので、追って検証いたします。
|
1 |
[related_posts_by_tax post_id="999"] |
taxonomies
表示したい関連記事のタクソノミーを指定します。カスタムタクソノミーも指定可能で、複数指定したい場合はカンマ区切りで記述します。
例)カテゴリー(category)とカスタムタクソノミーのジャンル(custom_genre)を指定する場合
|
1 |
[related_posts_by_tax taxonomies="category,custom_genre"] |
post_types
表示したい関連記事の投稿タイプを指定します。投稿(post)はもちろん、カスタム投稿タイプを指定する事も可能で、複数指定したい場合はカンマ区切りで記述します。
例)投稿(post)とカスタム投稿タイプの製品情報(custom_product)を指定する場合
|
1 |
[related_posts_by_tax post_types="post,custom_product"] |
posts_per_page
表示する関連記事の数を指定します。上限なく、すべての関連記事を表示する場合-1を指定します。
デフォルトは5です。
例)10件の関連記事を表示する場合
|
1 |
[related_posts_by_tax post_per_page="10"] |
order、orderby
関連記事の表示順をしていします。
orderは、並び順を指定します。
- DESC : 新しい投稿から表示するの降順(デフォルト)
- ASC : 古い投稿から表示する昇順
- RAND : ランダム
上記3項目のいずれかを指定することができます。
orderbyは、並び順の基準となる項目を指定します。
- post_date : 公開日時(デフォルト)
- post_modified : 更新日時
上記2項目のいずれかを指定することができます。
例)更新日時の古い投稿から順に表示する場合
|
1 |
[related_posts_by_tax order="ASC" orderby="post_modified"] |
before_shortcode、after_shortcode
ショートコードで出力するHTMLコードの前後に出力するHTMLタグを指定します。
デフォルトではdivが設定されています。
例)関連記事リストを”related-posts”クラスのsectionタグで囲みたい場合
|
1 |
[related_posts_by_tax before_shortcode="<section class="related-posts">" after_shortcode="</section>"> |
title
関連記事一覧のタイトルを設定します。
例)「この記事を読んだ方にオススメ」とタイトルをつけたい場合
|
1 |
[related_posts_by_tax title="この記事を読んだ方にオススメ"] |
show_date
関連記事の公開日時を表示したい場合、trueを指定します。
デフォルトは非表示(false)です。
各関連記事のタイトルの次に、timeタグで囲まれた状態で出力されます。
例)関連記事の公開日時を表示した場合
|
1 |
[related_posts_by_tax show_date="true"] |
before_title、after_title
titleで指定したタイトルの前後に出力するタグを指定します。
デフォルトではh3タグが設定されています。
例)タイトルをh2タグで囲みたい場合
|
1 |
[related_posts_by_tax before_title="<h2>" after_title="</h2>"] |
terms、include_terms、exclude_terms
表示した関連記事のタームを指定するオプションです。
優先順位は、terms > include_terms > exclude_terms の順です。
|
1 |
[related_posts_by_tax terms="28"] |
exclude_posts
関連記事リストから除外したい投稿のIDを指定します。複数ある場合はカンマ区切りで指定します。
例)投稿IDが126、226、1031の記事を関連記事から除外する場合
|
1 |
[related_posts_by_tax exclude_posts="126,226,1031"] |
format
出力形式を選択します。
各形式の出力HTMLは、プラグインフォルダの/plugins/related-posts-by-taxonomy/templates/にあるテンプレートファイルを編集することで変更することができます。
選択可能なフォーマットは下記の4形式です。
- links(デフォルト)
関連記事のタイトルを一覧で出力します。
該当テンプレートファイル:related-posts-links.php - posts
関連記事のタイトルと本文すべてを出力します。
タイトルのみにリンクが設定された状態で出力されます。
該当テンプレートファイル:related-posts-posts.php - excerpts
関連記事のタイトルと抜粋を出力します。
タイトルのみにリンクが設定された状態で出力されます。
該当テンプレートファイル:related-posts-excerpts.php - thumbnails
関連記事のサムネイルとキャプションを出力します。
サムネイルにのみリンクが設定された状態で出力されますが、下記のlink_captionオプションを指定することで、キャプションにもリンクを設定することができます。
該当テンプレートファイル:related-posts-thumbnails.php
例)タイトルと抜粋で、関連記事の一覧を表示する場合
|
1 |
[related_posts_by_tax format="excerpts"] |
image_size
formatでthumbnailsを指定した場合に、表示するサムネイルのサイズを設定することができます。
「設定」→「メディア」で設定している画像サイズや、テーマやプラグインで独自に設定した画像サイズが選択可能です。
デフォルトはサムネイル(thumbnail)です。
例)関連記事を中サイズのサムネイルで表示する場合
|
1 |
[related_posts_by_tax format="thumbnails" image_size="medium"] |
columns
formatでthumbnailsを指定した場合に、関連記事を横並びでいくつ表示するかを設定することができます。
デフォルトは3です。
例)関連記事をサムネイル表示で2つ横並びで表示する場合
|
1 |
[related_posts_by_tax format="thumbnails" columns="2"] |
caption、link_caption
captionでは、サムネイル画像の下に表示するキャプションの内容を指定します。
formatでthumbnailsを指定した場合に有効なオプションです。
- post_title : 投稿タイトル(デフォルト)
- post_excerpt : 投稿の抜粋
- attachment_caption : 画像のキャプションに設定されている内容
- attachment_alt : 画像の代替テキストに設定されている内容
上記4項目のいずれかを指定することができます。
link_captionでは、上記キャプションにリンクを設定するかを指定します。
デフォルトはリンクをつけない(false)です。
例)記事の抜粋をキャプションとして、その文字列にリンクをつける場合
|
1 |
[related_posts_by_tax format="thumbnails" caption="post_excerpt" link_caption="true"] |
limit_posts、limit_year、limit_month
表示する関連記事の範囲を制限します。
- limit_posts : 最新の何件の中から表示するかを指定します。デフォルトは-1(無制限)。
- limit_year : 過去何年間の投稿の中から表示するかを指定します。デフォルトは空(無制限)。
- limit_month : 過去何ヶ月の投稿の中から表示するかを指定します。デフォルトは空(無制限)。
例)最新の投稿20件の中から関連記事を表示する場合
|
1 |
[related_posts_by_tax limit_posts="20"] |
例)過去5年間の投稿の中から関連記事を表示する場合
|
1 |
[related_posts_by_tax limit_year="5"] |
例)過去6ヶ月間の投稿の中から関連記事を表示する場合
|
1 |
[related_posts_by_tax limit_month="6"] |
puclic_only
閲覧権限のあるユーザーでログイン中の場合、非公開の投稿が表示されます。
上記ユーザーでログイン中であっても、非公開の投稿を関連記事に含めたくない場合、このオプションをtrueにします。
|
1 |
[related_posts_by_tax public_only="true"] |
include_self
現在表示中の投稿を関連記事に含めるかを指定します。
デフォルトは除外(false)です。
例)表示中の投稿も関連記事に含める場合
|
1 |
[related_posts_by_tax include_self="true"] |
post_class
各関連記事のラッパーにクラス名を指定します。
例)クラス名にrelated-postを指定したい場合
|
1 |
[related_posts_by_tax post_class="related-post"] |
formatが未指定もしくはlinksでデフォルト状態の場合、出力されるHTMLコードの例は下記のような形です。
|
1 |
<li class="related-post"><a href="#">投稿タイトル</a></li> |
まとめ
いかがでしょうか。
私の場合、ショートコードをテンプレートに埋め込んで使用する方法が重宝しております。
サイドバーにタイトルのみのリンクリストで5件、記事の下部にサムネイルつきで2件など。
細かいことは分からないけどサクッと実装したい方、細かい設定をして思い通りコード出力したい方、どちらの方でも使いやすいプラグインではないでしょうか。
関連リンク
digrartのホームページ制作
https://www.digrart.jp/web/web-design/
ホームページ制作に関するお問い合わせ
https://www.digrart.jp/contact/
この記事を書いた人
大阪市中央区にて2009年よりWeb制作・運用支援を行い、1,000件以上の実績を持つWeb制作会社「digrart(ディグラート)」編集部が、本記事を執筆・監修しています。
現場で培った豊富な知見を活かし、Webサイト制作、ECサイト制作、SEO対策、Webコンサルティングの実践的なハウツーをお届けします。
初心者からプロまで、Web戦略の成功をサポートする実務ベースの情報が満載です。
関連記事
-
2023年版SNSアイコンの正しい使い方
SNSアイコンをサイトに載せてリンクさせたりすることはよくありますよね。 あれってフリーでそれっぽいのを落とせたりするので勝手に使っていいと思いがちですが、各...
-
WEBディレクターなら押さえておきたい、サイト解析・分析に役立つサイト
弊社ではホームページ制作のご相談を頂いた際に、いくつかのサイトで簡単にサイトを調査します。 もちろん、Webサイト解析といえば「Google Analytic...
-
パラメータ付きURLのリダイレクトについて
リダイレクトとはWEBページから別のページに自動的に転送される事を言います。 リダイレクトには主に301と302の2種類あり、サイトのリニューアルを行う際には...