Similar Postsの関連記事にアイキャッチ画像のサムネイルを表示させる方法

Similar Postsで関連記事を表示させる事で
PV(ページビュー)が増え滞在時間も伸びます。



Similar Postsの関連記事はリスト形式なので
そこにサムネイル画像を表示させることで
よりPV増加が期待できます。



そこで、Similar Postsの関連記事に
アイキャッチ画像をサムネイル表示させる方法について解説します。

アイキャッチ画像をサムネイル表示にする設定

まずは、ワードプレスのメニューから
「設定」⇨「Similar Posts」をクリック。





次に、「output」をクリック。





「output template」横の赤枠部分に下記のタグを入力します。

<div style="list-style: none;width:85%;height:85px;border-bottom:1px solid #ccc;margin:15px 0 5px 0;">
<div style="padding:2px;float:left;margin:0 10px 5px 10px;">{php: echo get_the_post_thumbnail({postid}, array(70,70)); }</div>
<li>{link}</li></div>

タグを入力したら「Save Output Settings」をクリックして保存したら設定は完了です。






ちなみにデフォルトではこのようなリスト形式ですが





変更後は、ちゃんと画像が表示されています。



このように簡単にサムネイル画像を表示できるので
是非、設定してみましょう。