KNWordPressでウェブサイトを構築する際、ニュースやブログ、製品情報などの詳細ページで関連する記事を表示することがよくあります。ウィジェットやショートコードを用いて、ウェブサイトの任意の場所に関連記事を表示するWordPressのプラグインです。タクソノミー(カテゴリー)や、投稿タイプ、単語から、関連性の高い記事を見つけ出して表示することができます。表示件数や並び順、出力フォーマットやサムネイルのサイズなど、様々なオプションを設定することができるので、導入するウェブサイトに合ったデザインに簡単に調整できます。Taxonomy」で検索するか、WordPressのプラグイン公式ページよりダウンロードし、プラグインフォルダにアップロードしましょう。インストールが終わったら、プラグインを有効化します。この時点で特に設定する項目はありません。ウィジェットかショートコードかによって設定方法が異なりますので、それぞれの使用方法を説明いたします。Taxonomy」が追加されています。ドラッグ&ドロップもしくは、クリックして表示したい場所に「ウィジェットを追加」します。すると、上記のようにウィジェットの設定を行える画面になります。設定可能なオプションは下記の12項目です。Titleここに入力したタイトルが公開ウェブサイト上で、ウィジェットのタイトルとして表示されます。タイトルが不要な場合、何も入力しなければOKです。show表示する関連記事の数を1を最小値として入力します。posts通常は関連性の高い順に、項目2で設定した件数の記事を関連記事として表示しますが、こちらのチェックボックスをチェックすると、関連する記事をランダムで表示することができます。Taxonomy表示したい関連記事のタクソノミーを指定します。カスタムタクソノミーを設定していない場合、カテゴリー、タグ、フォーマットが選択肢として表示されているかと思います。Types表示したい関連記事の投稿タイプを指定します。任意の投稿タイプを指定したい場合に、チェックボックスにチェックを入れます。こちらも、カスタム投稿タイプを設定していない場合、選択肢は投稿のみで特に設定は必要ないでしょう。Format出力形式を選択します。各形式の出力HTMLは、プラグインフォルダの/plugins/related-posts-by-taxonomy/templates/にあるテンプレートファイルを編集することで変更することができます。選択可能なフォーマットは下記の4形式です。Links関連記事のタイトルを一覧で出力します。該当テンプレートファイル:related-posts-links.phpPosts関連記事のタイトルと本文すべてを出力します。タイトルのみにリンクが設定された状態で出力されます。該当テンプレートファイル:related-posts-posts.phpExcerpts関連記事のタイトルと抜粋を出力します。タイトルのみにリンクが設定された状態で出力されます。thumbnails関連記事のサムネイルとキャプションを出力します。サムネイルにのみリンクが設定された状態で出力されますが、項目10でキャプションにもリンクを設定することができます。date関連記事の公開日時を表示したい場合、この項目をチェックを入れます。項目6の出力形式の設定に関わらず、タイトルの次に表示されます。選択した場合、表示するサムネイルのサイズを設定することができます。「設定」→「メディア」で設定している画像サイズや、テーマやプラグインで独自に設定した画像サイズが選択可能です。選択した場合、関連記事を横並びでいくつ表示するかを設定することができます。選択した場合、サムネイル画像だけではなくキャプションにもリンクを設定したい時に、こちらの項目にチェックを入れます。only関連記事を、記事詳細ページにのみ表示したい場合にチェックを入れます。カテゴリーなどの記事一覧に、関連記事リストが必要ない場合などが該当します。(optional)特定の記事を関連記事として表示したい場合、その記事の投稿IDをこちらに入力するようですが、弊社でのテストでは違う記事が表示されたりと挙動がつかめておりませんので、追って検証したいと思います。必要な設定が終わりましたら、保存をクリックします。すると、設定内容に応じた関連記事一覧が表示されます。ショートコードで利用する場合ショートコードの場合、ウィジェットよりも更に細かな設定を行うことができます。投稿や固定ページなどの本文で任意の場所に出力したい場合は、下記のコードを記述するだけで簡単に表示できます。XHTML[related_posts_by_tax]1[related_posts_by_tax]テンプレートファイルの任意の箇所に出力する場合は、do_shortcode関数を使用して下記のようなコードを記述します。?>ショートコードで設定できるオプションは28項目に及びますが、属性名から想像できるような単純なものばかりですので、すぐに理解できるかと思います。実装!標準的なショートコードとは言え、最低限のオプションだけで手間なくサクッと実装したいと言うのが本音ですよね。一般的な使い方であれば、下記のコードのいずれか十分です。タイトル、表示件数などを必要に応じて書き換えてください。]ショートコードで設定できるオプション項目post_id関連記事として特定の投稿を表示したい場合、その記事の投稿IDを指定します。こちらもウィジェットの項目12同様に挙動がハッキリしないので、追って検証いたします。post_id="999"]taxonomies表示したい関連記事のタクソノミーを指定します。カスタムタクソノミーも指定可能で、複数指定したい場合はカンマ区切りで記述します。taxonomies="category,custom_genre"]post_types表示したい関連記事の投稿タイプを指定します。投稿(post)はもちろん、カスタム投稿タイプを指定する事も可能で、複数指定したい場合はカンマ区切りで記述します。post_types="post,custom_product"]posts_per_page表示する関連記事の数を指定します。上限なく、すべての関連記事を表示する場合-1を指定します。post_per_page="10"]order、orderby関連記事の表示順をしていします。orderは、並び順を指定します。ランダム上記3項目のいずれかを指定することができます。orderbyは、並び順の基準となる項目を指定します。上記2項目のいずれかを指定することができます。orderby="post_modified"]before_shortcode、after_shortcodeショートコードで出力するHTMLコードの前後に出力するHTMLタグを指定します。デフォルトではdivが設定されています。after_shortcode="</section>">title関連記事一覧のタイトルを設定します。title="この記事を読んだ方にオススメ"]show_date関連記事の公開日時を表示したい場合、trueを指定します。デフォルトは非表示(false)です。各関連記事のタイトルの次に、timeタグで囲まれた状態で出力されます。show_date="true"]before_title、after_titletitleで指定したタイトルの前後に出力するタグを指定します。デフォルトではh3タグが設定されています。after_title="</h2>"]terms、include_terms、exclude_terms表示した関連記事のタームを指定するオプションです。terms="28"]exclude_posts関連記事リストから除外したい投稿のIDを指定します。複数ある場合はカンマ区切りで指定します。exclude_posts="126,226,1031"]format出力形式を選択します。各形式の出力HTMLは、プラグインフォルダの/plugins/related-posts-by-taxonomy/templates/にあるテンプレートファイルを編集することで変更することができます。選択可能なフォーマットは下記の4形式です。links(デフォルト)関連記事のタイトルを一覧で出力します。該当テンプレートファイル:related-posts-links.phpposts関連記事のタイトルと本文すべてを出力します。タイトルのみにリンクが設定された状態で出力されます。該当テンプレートファイル:related-posts-posts.phpexcerpts関連記事のタイトルと抜粋を出力します。タイトルのみにリンクが設定された状態で出力されます。該当テンプレートファイル:related-posts-excerpts.phpthumbnails関連記事のサムネイルとキャプションを出力します。サムネイルにのみリンクが設定された状態で出力されますが、下記のlink_captionオプションを指定することで、キャプションにもリンクを設定することができます。format="excerpts"]image_sizeformatでthumbnailsを指定した場合に、表示するサムネイルのサイズを設定することができます。「設定」→「メディア」で設定している画像サイズや、テーマやプラグインで独自に設定した画像サイズが選択可能です。デフォルトはサムネイル(thumbnail)です。image_size="medium"]columnsformatでthumbnailsを指定した場合に、関連記事を横並びでいくつ表示するかを設定することができます。columns="2"]caption、link_captioncaptionでは、サムネイル画像の下に表示するキャプションの内容を指定します。formatでthumbnailsを指定した場合に有効なオプションです。上記4項目のいずれかを指定することができます。link_captionでは、上記キャプションにリンクを設定するかを指定します。デフォルトはリンクをつけない(false)です。link_caption="true"]limit_posts、limit_year、limit_month表示する関連記事の範囲を制限します。最新の何件の中から表示するかを指定します。デフォルトは-1(無制限)。過去何年間の投稿の中から表示するかを指定します。デフォルトは空(無制限)。過去何ヶ月の投稿の中から表示するかを指定します。デフォルトは空(無制限)。limit_month="6"]puclic_only閲覧権限のあるユーザーでログイン中の場合、非公開の投稿が表示されます。上記ユーザーでログイン中であっても、非公開の投稿を関連記事に含めたくない場合、このオプションをtrueにします。public_only="true"]include_self現在表示中の投稿を関連記事に含めるかを指定します。デフォルトは除外(false)です。include_self="true"]post_class各関連記事のラッパーにクラス名を指定します。post_class="related-post"]formatが未指定もしくはlinksでデフォルト状態の場合、出力されるHTMLコードの例は下記のような形です。href="#">投稿タイトル</a></li>まとめいかがでしょうか。私の場合、ショートコードをテンプレートに埋め込んで使用する方法が重宝しております。サイドバーにタイトルのみのリンクリストで5件、記事の下部にサムネイルつきで2件など。細かいことは分からないけどサクッと実装したい方、細かい設定をして思い通りコード出力したい方、どちらの方でも使いやすいプラグインではないでしょうか。検索カテゴリーデザインWeb制作SEOWebに関するお問い合わせ、ご相談はこちら。