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 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ いますぐインストール
 

【プラグインを有効化】をクリック。
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ プラグインを有効化
 

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

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

プラグインを有効化すると
以下のような画面が表示されるので、
右上の【dismiss and go to settings】
をクリック。
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ dismiss and go to settings
 

以下のような画面が表示されます。

少し下にスクロールさせ
「Basic settings」の設定を行います。
WordPress 関連記事を表示 プラグイン WordPress Related Posts サムネイル アイキャッチ 設定
 

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】をクリック。
 

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

 

賢威の場合、
ダッシュボードの「外観」
→「テーマの編集」→「single.php」
をクリック。

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

 

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

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

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

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

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

ブログの始め方・稼ぎ方をまとめたガイドブックをプレゼント中!
(PDFとサイト版の両方をプレゼント)
AFFIKATSUGuideBook

>> メルマガ登録はこちら <<

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

メルマガ登録フォーム

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

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




コメントを残す



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

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

CAPTCHA