1. TOP
  2. WordPressで関連記事を表示する方法13選!おすすめプラグイン

WordPressで関連記事を表示する方法13選!おすすめプラグイン

WordPressは難しいパソコンの知識を持っていなかったとしても、Webサイトやブログサイトなど比較的簡単に作れてしまうシステムです。

しかも文章や画像などあらかじめ用意しておけば簡単に立派なサイトを作り上げる事が出来てしまいます。

WordPressの中にも初めからいろいろな便利なツールがあるけど、さらに個性的な作りがしたい人のために、さまざまなプラグインが用意されています。

プラグインとは、本来あるWordPressの機能の中に、新たに追加したい機能をどんどん追加して拡張していくツールです。

ダウンロードをしてインストールするだけで簡単に使用する事が出来ます。

その中で、自分の作ったサイトの中に、関連した記事を表示させることの出来るプラグインがあります。

関連記事の表示プラグインを選ぶポイントは?

プラグインを選ぶ基準は、誰かに見てもらう事を意識したサイトを作らなければいけません。

自分好みのサイト作りをしてしまうと、見づらいサイトになってしまったり、偏ったサイトになってしまいます。

やはりだれから見てもデザイン性や見やすさを追究したサイトが出来上がれば、圧倒的に集客率がアップします。

ところがデザイン性を意識しすぎると難しい操作で扱いきれないこともあります。

関連記事を表示するプラグインだけでもかなりの量があります。

その中から一つ一つ自分の理想としているプラグインを探すのはとても根気のいる作業で大変です。

なので、数ある関連記事を表示するプラグインの中から総合的にも使いやすい、おすすめの13選をご紹介したいと思います。

関連記事の表示プラグインおすすめ12+タグで表示する方法1

自動的に人気記事を表示させたいならsimilar postsがオススメ!
サムネイルとタイトルを表示してくれて、見やすいデザインになっています。

1.similar posts

関連記事をリスト状に表示ができて、投稿している記事から内容やタグを自動的に検索して記事を見つけ出し表示してくれます。

自動的に選んでくる内容を調整する事もできます。表示速度も違和感なく表示できて、操作性も使いやすいです。

ただ、英語がメインなので慣れるまでに時間が掛かります。このプラグインだけをインストールしても使う事ができず『Post-Plugin Library』と言うライブラリが必要になります。

配布サイト:Similar Posts
配布サイトは:英語
2017年6月15日現在のバージョン:2.71
必要なワードプレスのバージョン:4.0以上
ダウンロードサイト:https://ja.wordpress.org/plugins/similar-posts/

最大の魅力は日本語表記されていて、間違える事無く使いやすい!

簡単な設定ですぐに使えるので、初心者でも安心して使う事が出来ます。

2.Yet Another Related Posts Plugin (YARPP)

難しいコード入力や基本操作も比較的簡単に使用できるのが特徴です。

関連記事を自動表示してくれて、カスタマイズを選択して、オリジナルの自動表示を設定する事が出来ます。

ユーザー登録をしないBasic版と登録をして使うPro版があり、他のサイトの関連記事を表示する事が出来ます。

こだわって関連記事を表示したい人にはPro版を使用することで、よりオリジナルの高いサイトを作る事が出来ます。

配布サイト:Yet Another Related Posts Plugin (YARPP)
対応言語:日本語対応
2017年6月15日現在のバージョン:4.4
必要なワードプレスのバージョン:3.3以上
ダウンロードサイト:https://ja.wordpress.org/plugins/yet-another-related-posts-plugin/

関連記事を表示させるデザインの種類が多い!

スマホ版の表示にも対応していて、操作性が高い。

3.wordpress related posts

このプラグインは記事の下に関連記事を表示するプラグインとなっています。

とにかくデザインが豊富で、お気に入りを選べる事が特徴です。

アイキャッチ画像を登録していない場合でも、wordpress related posts内にある画像を見つけて表示してくれます。

また、記事ごとに関連記事を選択する事が出来ます。さらにサイト内に訪れたユーザーのカウント機能もついています。

 

配布サイト:wordpress related posts
対応言語:英語2017年6月15日現在のバージョン:3.6.4
必要なワードプレスのバージョン:3.6以上
ダウンロードサイト:https://ja.wordpress.org/plugins/wordpress-23-related-posts-plugin/

基本言語は中国語になりますが、デザイン性には優れています。

始めは手こずるかもしれませんが、慣れてしまえば他のプラグインと変わりません。

4.wumii(ウーミー)

wumiiは記事の下に関連記事を表示するプラグインとなっています。

サムネイル画像とタイトルを表示して、関連記事を並べて表示してくれます。

また細かく一つ一つ色の指定が出来るのでオリジナリティに溢れたサイト作りが出来ます。

しかし中国語を理解するのが難しいので参考サイトを見ながら設定する事をオススメします。

一度覚えてしまえば、単純に設定できるので慣れるまでの辛抱です。

 

配布サイト:wumii(ウーミー)
対応言語:中国語
2017年6月15日現在のバージョン:3.6
必要なワードプレスのバージョン:2.5.1以上
ダウンロードサイト:www.wumii.com/widget/relatedItems

サムネイル画像を自動で配置してくれて、レスポンシブWEBデザインなので見やすいサイト作りが出来ます。

いままでの関連記事の表示プラグインの中では、見た目が大きく変わります。

5.Related Posts Line-up-Exactly by Milliard

サムネイル画像のタテとヨコの比率が違っていても、キレイにタイル表示に組み替えて関連記事を並べてくれます。

スクロール機能で決められた縦枠の中で関連記事を次々と紹介してくれます。

カスタマイズ機能も付いているので、自分好みの形に変える事もできます。

またyoutubeなどの動画も、サムネイル画像を生成して関連記事として紹介してくれます。

配布サイト:Related Posts Line-up-Exactly by Milliard
対応言語:日本語
2017年6月15日現在のバージョン:4.7.5
必要なワードプレスのバージョン:2.8以上
ダウンロードサイト:https://ja.wordpress.org/plugins/related-posts-line-up-exactry-by-milliard/

サイト内の下に関連記事を表示するのではなくて、本文中に表示する事が出来ます。
本文中の好きな位置に配置が出来るので、サイトを見に来た人が関連記事を閲覧しやすくなります。

6.Inline Related Posts

通常ではサイト内の一番下に関連記事を表示する事が多いのですが、本文中に入れる事が出来るのが最大の魅力です。

無料版と有料版があり、無料版でも充分に意図としている関連記事の挿入が出来ます。

プレビュー機能も付いているので、確認しながら編集をして最善の場所に表示する事が出来ます。

 

配布サイト:Inline Related Posts
対応言語:英語
2017年6月15日現在のバージョン:4.6.6
必要なワードプレスのバージョン:2.7以上
ダウンロードサイト:https://ja.wordpress.org/plugins/intelly-related-posts/

関連記事を自動で探してくるときに、タイトルだけではなくて記事内容や日付などからも探してきます。

また関連記事を表示をするときに、日付や作者名などを一緒に表示する事が可能です。

7.Contextual Related Posts

英語表記なので、慣れるまでは参考サイトを見ながら設定する事をオススメします。

Contextual Related Postsはサイトの下に関連記事を表示してくれます。

カスタマイズ機能も付いていて、サムネイル画像の変更を行えます。オリジナルに編集をした各種設定を一回のクリックで初期設定の状態に戻してくれるので操作性も高いです。

英語表記なので、慣れるまでは参考サイトを見ながら設定する事をオススメします。

 

配布サイト:Contextual Related Posts
対応言語:英語2017年6月15日現在のバージョン:4.8
必要なワードプレスのバージョン:4.1以上
ダウンロードサイト:https://ja.wordpress.org/plugins/contextual-related-posts/

キレイなタイル表示が特徴的で、丸窓表示や横長表示などお気に入りの表示を選択できます。

英語表記だけど、操作性も単純なためすぐに慣れる事が出来ます。

8.Yuzo Related Post

ダウンロード数が多く評価も高い事から人気があるプラグインで安定して使う事が出来ます。

カスタマイズの設定をしなくても充分オリジナル性があるのでそのまま使う事が出来ます。

関連記事を見やすいタイル表示をしてくれるので、サイトの滞在時間も上がり、リピート率も上がる事でしょう。

 

配布サイト:Yuzo Related Post
対応言語:英語2017年6月15日現在のバージョン:4.7.5
必要なワードプレスのバージョン:4.0以上
ダウンロードサイト:https://ja.wordpress.org/plugins/yuzo-related-post/

JetpackはSNSの共有ボタンやサーバーの稼動状況を確認できる機能がついているプラグインです。

関連記事の表示まで出来るし、カスタマイズ機能も豊富でデザイン性も豊かです。

9.LH Jetpack Related Posts

いろいろな機能を持っているJetpackは、このプラグイン一つ入れておくだけでサイト内を幅広くカスタマイズしてくれます。

初期の状態だとサイトの下に関連記事を表示してしまうので、カスタマイズ機能を使い表示場所や表示する記事数も選択する事が出来ます。

HTMLを操作すればさらにカスタマイズの幅が広がり、個性的なサイト作りが出来ます。

いろいろな機能を持っているJetpackは、このプラグイン一つ入れておくだけでサイト内を幅広くカスタマイズしてくれます。

初期の状態だとサイトの下に関連記事を表示してしまうので、カスタマイズ機能を使い表示場所や表示する記事数も選択する事が出来ます。

 

配布サイト:LH Jetpack Related Posts
対応言語:英語2017年6月15日現在のバージョン:4.7.5
必要なワードプレスのバージョン:4.0以上
ダウンロードサイト:https://ja.wordpress.org/plugins/lh-jetpack-related-posts/#stats

SNSのシェアプラグインとして使われる事が多いけど、関連記事を表示する機能もついています。

無料アカウント登録をすることで、さらに多機能になり表示方法も増えます。

10.Shareaholic

SNS表記の種類も豊富なのですが関連記事の表示の種類も豊富なのが特徴です。

関連記事の中にさりげなく広告を混ぜる事もできるので、収益率のアップにも繋がります。

英語表記なのでプラグインの参考サイトを見ながら設定する事をオススメします。

無料アカウント登録をすることで、解析機能も追加されるので理想のサイト作りに繋がります。

配布サイト:Shareaholic
対応言語:英語
2017年6月15日現在のバージョン:4.8
必要なワードプレスのバージョン:3.0以上
ダウンロードサイト:https://ja.wordpress.org/plugins/shareaholic/

タグやカテゴリーだけではなくキーワードの中から自動的に関連記事を探し出して表示してくれます。
最も関連性の高い記事を表示させることができる Movable Type のプラグインです。

11.SimilarEntries【Movable Typeプラグイン】

関連記事を探し出すキーワードをあらかじめ設定しておいて、読み込む記事を判定して表示してくれます。

また、探し出してくるフィールドごとに優先度を変え事が出来るので、点数の評価が高いものが表示されるシステムになっています。

無料プランと商用プランがありますが無料プランでもカスタマイズ次第で、充分デザイン性の高いものになります。

 

配布サイト:SimilarEntries【Movable Typeプラグイン】
対応言語:英語2017年6月15日現在のバージョン:1.1.0
必要なMovable Type:3.3以上
ダウンロードサイト:https://github.com/bit-part/mt-plugin-SimilarEntries

ブログ記事などに事前にタグ付けしておいた記事を探し出し自動で表示をしてくれます。

さらにカスタマイズの設定をすることで、関連性の精度を上げる事が出来ます。

12.TagSupplementals Plugin【Movable Typeプラグイン】

こちらもMovable Type のプラグインで、最も関連性の高い記事を表示させることができます。

タグ機能の強化のために使用される事が多く、投稿していた記事を効率よく再構築してリスト化してくれます。

カスタマイズ機能を活用して、記事の関連性をさらに向上させる事が出来ます。操作性もいいのでストレス無く使う事ができます。

 

配布サイト:TagSupplementals Plugin【Movable Typeプラグイン】
対応言語:英語2017年6月15日現在のバージョン:0.22
必要なMovable Type:3.3以上
ダウンロードサイト:https://github.com/ogawa/mt-plugin-TagSupplementals

プラグインを入れすぎてしまうと動作が遅くなったり、セキュリティの面でも弱くなってしまいます。

そこで、プラグインを入れないでサムネイル画像と関連記事を表示できる方法を紹介したいと思います。

CSSやHTMLを理解していないと難しく感じますが、下記のコードを指定した場所にコピーして張り付けるだけなので簡単に表示させる事が出来ます。

13.プラグインを使用せずに関連記事を表示させる方法

function.phpを編集

WordPressのテーマの編集にて、下記コードを function.php に追加します。サムネイルのサイズを変更したい場合は、コードを修正して数字を挙げてください。

1:add_theme_support( ‘post-thumbnails’ );<br />
2:set_post_thumbnail_size( 100, 50, true );

single.phpを編集

下記コードを single.php に追加します。

1: <div class=”relatedposts”>
2: <h3>Related posts</h3>
3: <p><?php<br />
4: $orig_post = $post;<br />
5: global $post;<br />
6: $tags = wp_get_post_tags($post->ID);</p>
7: <p> if ($tags) {<br />
8: $tag_ids = array();<br />
9: foreach($tags as $individual_tag) $tag_ids[] =
$individual_tag->term_id;<br />
10: $args=array(<br />
11: ‘tag__in’ => $tag_ids,<br />
12: ‘post__not_in’ => array($post->ID),<br />
13: ‘posts_per_page’=>4, // Number of related posts to display.<br />
14: ‘caller_get_posts’=>1<br />
15: );</p>
16: <p> $my_query = new wp_query( $args );</p>
17: <p> while( $my_query->have_posts() ) {<br />
18: $my_query->the_post();<br />
19: ?></p>
20: <div class=”relatedthumb”>
21: <a rel=”external” href=”<? the_permalink()?>”><?php
the_post_thumbnail(array(150,100)); ?><br />
22: <?php the_title(); ?><br />
23: </a>
24: </div>
25: <p> <? }<br />
26: }<br />
27: $post = $orig_post;<br />
28: wp_reset_query();<br />
29: ?>
30: </div>
31: <p>

CSSを編集

下記コードをCSSに追加して下さい。

1: .relatedposts {width: 640px; margin: 0 0 20px 0; float: left; font-size:12px;}<br />
2: .relatedposts h3 {font-size: 20px; margin: 0 0 5px 0; }<br />
3: .relatedthumb {margin: 0 1px 0 1px; float: left; }<br />
4: .relatedthumb img {margin: 0 0 3px 0; padding: 0;}<br />
5: .relatedthumb a {color :#333; text-decoration: none; display:block;padding:4px; width: 150px;}<br />
6: .relatedthumb a:hover {background-color: #ddd; color: #000;}

まとめ

 

これだけ多くのプラグインがあるという事は、それだけ関連記事を表示させたほうが、サイトに訪れた人に長い間滞在いただけると言うことです。

何も無いシンプルなサイトも個性的でいいのですが、せっかく積み上げてきた記事を余す事無く見ていただきたいですよね。

まだまだ日本語に対応しているプラグインは少ないように思いますが、英語表記でも一度覚えてしまえばすぐに使いこなす事が出来ます。

各プラグインごとに、個性的でオリジナリティのある表示方法がありました。

まだまだ関連記事を表記するプラグインはいっぱいあるのですが、今回はオススメだけをご紹介しました。

ご自分のサイトに合うデザインを見つけ出して、是非導入してみてください。

 

 

\ SNSでシェアしよう! /

月刊副業の注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

月刊副業の人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

ライター紹介 ライター一覧

月刊副業編集部

月刊副業編集部

月刊副業は株式会社Catch the Webが運営しています。

弊社は日本で一番有料会員数の多いアフィリエイトスクール「AMC」を運営しており、AMCの会員は現在2500名以上、1年間の会員のアフィリエイト報酬額の合計は40億円以上という実績があります。

月刊副業では、アフィリエイターの裾野を広げるという理念の元、初心者の方でも分かりやすいよう、アフィリエイトの情報を中心に副業に関する情報を発信しています。

この人が書いた記事  記事一覧

  • ブロガーとは?ブログ収入の仕組みの徹底解説と有名ブロガー10選

  • パンダとペンギンアップデートの違いとは?対策・コンテンツ作成方法まとめ

  • 検索ボリュームを調べるためのツール13選とその特徴について

  • 【画像解説】Twitterの自動ツイート設定方法と使えるツール6選

関連記事

  • フリーで使えるHTMLエディタ40個からおすすめを選んでみた

  • WordPressでオススメのアクセス解析プラグイン20選

  • 決定版!レスポンシブ対応のWordPressテンプレート23選

  • 【保存版】WordPressのサイトをスマホ表示に対応させる4つの方法とは?

  • 【厳選】WordPressが簡単に利用できるレンタルサーバー比較27選!

  • WordPressとは?超初心者でも3分で理解できる解説