WordPress関連記事を表示プラグイン!サムネイル(アイキャッチ)表示

※動画のパスワードはコンサル生のみにお伝えしています。


今回はWordPressに
関連記事を表示するプラグイン
「WordPress Related Posts」
を紹介します。
 

関連記事を表示させるWordPressプラグインは、

  • Yet Another Related Posts Plugin
    (YARPP)
  • Similar Posts

などもありますが、使いやすく、
サムネイル表示も綺麗
で人気なのが
「WordPress Related Posts」です。
 

設定が少しありますが、
この記事を確認して頂ければ問題ありません。
 

関連記事を表示させることにより
ユーザーに役立つ記事を提供できる
確率が上がります。

また、他の記事を読んでもらうことによって、
直帰率を下げることになり、結果的に
サイトの評価が上がる効果も期待できます。

関連記事表示プラグイン「WordPress Related Posts」のインストール&有効化

ダッシュボードの「プラグイン」
→「新規追加」をクリックします。
WordPressのプラグインの新規追加
 

「WordPress Related Posts」を検索して、
「今すぐインストール」をクリックします。
WordPress-Related-Postsの検索とインストール
 

「有効化」をクリックします。
WordPress-Related-Postsの有効化
 

以上で「WordPress Related Posts」の
インストールと有効化は完了です。

関連記事表示プラグイン「WordPress Related Posts」の設定・使い方

プラグインを有効化すると
以下のような画面が表示されるので、
右上の「Dismiss and go to settings」
をクリックします。
WordPress-Related-Postsのdismiss-and-go-to-settings
 

以下のような画面が表示されます。
WordPress-Related-Postsの設定
 

少し下にスクロールさせ
「Basic settings」の設定を行います。

WordPress Related Postsの設定:Basic settings(表示数など)

「Basic settings」では以下2つの設定を行います。

Related Posts Title
 関連記事の上に表示させる文字

Number of Posts
 関連記事の表示個数
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ 設定 basic settings
 

上のような設定にすると以下のように表示されます。
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ 設定 basic settings 例
 

以上で「Basic settings」の設定は完了です。

WordPress Related Postsの設定:Advanced settings(サムネイルなど)

次に「Advanced settings」の設定を行います。

Advanced settings – Themes

まず、関連記事の表示方法の設定を行います。

Enable Themes
 チェックを付けます。

※チェク無しだと横並びにならず、
 関連記事が上から1つずつ表示
 されてしまいます。

Layout
 好みにあったものを選んでください。
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ advanced settings

Advanced settings – Customize

Display Thumbnails For Related Posts
 サムネイル(アイキャッチ)を表示させるかどうか。

Display Number of Comments
 コメント数を表示させるかどうか。

Display Publish Date
 投稿日を表示させるかどうか。

Display Post Excerpt
 記事の抜粋を表示させるかどうか。

Enable custom CSS
 CSSを追記して、表示設定を変更するかどうか。
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ advanced settings customize
 

「Default thumbnails」は
サムネイル画像が設定されてない場合に、
関連記事のサムネイル画像として表示
させる画像を設定します。

基本的にはここを設定せず、
各記事でサムネイル画像を貼りましょう。
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ advanced settings default thumbnails
 

Custom size thumbnails
 サムネイル画像のサイズを入力します。

使っているWordPressテーマの
アイキャッチ画像のサイズの縦横比が
1:1でない場合は、ここを調整します。

WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ advanced settings custome size thumbnails
 
以下に例を表示します。

上の画像がサイズを入力していない場合。

下の画像がサイズを入力している場合。
 

画像サイズが自動調整されている
ことがわかると思います。

※賢威の場合、トップページの
 サムネイル画像サイズは「functions.php」
 で設定されています。

↓表示例:サイズ未入力(画像内の文字の切れてる)
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ 設定 custom size thumbnails1

↓表示例:サイズ入力
WordPress 関連記事を表示 プラグイン サムネイル アイキャッチ 設定 custom size thumbnails2
 

Advanced settings – Other Settings

Exclude these Categories
 関連記事に表示させたくない
 カテゴリーを選択します。
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ advanced settings other settings
 

Auto Insert Related Posts
 関連記事を記事最後に
 自動的に表示するかどうか。

※詳細は後ほど説明します。

Display Related Posts in Feed
 フィードに関連記事を表示するかどうか。

Support us (show our minimized logo)
 WordPress Related Postsのロゴを
 表示させるかどうか。
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ advanced settings other settings2
 

上の画像のように
「Auto Insert Related Posts」
はチェックを外し、「テーマエディター」
で設定するのをおすすめします。

理由は、記事最後に関連記事表示をすると
以下のように目次に表示されてしまうからです。
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ 目次に関連記事
 

一番下にある「Save changes」をクリックします。
 

目次に表示させないようするには、
次のタグを記事の後に挿入します。

<?php wp_related_posts()?>

 

賢威の場合、ダッシュボードの「外観」
→「テーマエディター」→「single.php」
をクリックします。

メインコンテンツの最後に設置する場合は、
以下の場所に挿入します。

;

 

これで、目次に表示されないで、
記事の後に関連記事を表示させることができます。
 

以上で、関連記事を表示するWordPressプラグイン
「WordPress Related Posts」の設定が完了です。

少し設定項目がありますが、
今回の記事を確認して設定してみてください。

最後まで読んで頂いてありがとうございました。

記事が価値あるものだと思われたら、
下のボタンからシェアをして頂けると嬉しいです。

ブログの始め方・稼ぎ方をまとめたガイドブックをプレゼント中!

↓↓↓メルマガ登録は下のフォームから↓↓

無料メールマガジン登録フォーム

メルマガ登録フォーム

苗字 (漢字で)
メールアドレス

※私からお送りする全てのメールに解除リンクを付けていますので、いつでもメルマガ解除をすることが可能です。




コメントを残す



コメントはサイト管理者が確認するまで表示されません。
他の読者さんにも有益だと判断した場合のみコメント対応を致します。

個別の問い合わせは【こちら】からお願いします。