LION BLOGでSimilar Postsを使う場合の設定メモ

LION BLOGでSimilar Postsを使う場合の設定メモ

LION BLOGが表示してくれる関連記事は、同じカテゴリ内の記事をランダムに表示しているだけなので精度を上げるためプラグインの「Similar Posts」に変更しました。

設定した内容を残して置きます。

設定>Similar Posts>Output

Output template:

<li class="related__item"><a href="{url}" class="related__imgLink"><img src="
{php: if(has_post_thumbnail({postid})) echo get_the_post_thumbnail_url({postid},thumbnail); else echo '/wp-content/uploads/2019/06/no-image-160x160.png';}" width="160" height="160" alt="" /></a><h3 class="related__title"><a href="{url}">{title}</a><span class="icon-calendar">{date}</span></h3><p class="related__contents">{snippet:100}</p></li>

サムネイルのNo ImageのURLは、環境に応じて変更してください。

Text and codes before the list:

<ul class="related__list">

Text and codes after the list:

</ul>

CSSに追加

.widget ul.related__list li {padding-left:0;}
.widget ul.related__list li:before {content:none;}
li.related__item {border:none;}

設定したらウィジェットの「記事下エリア」に「Similar Posts」を追加します。

LION BLOGのカスタマイズで関連記事を非表示にするのをお忘れなく。