関連記事に画像を表示させる方法 『Similar Posts』に手を加える

この記事は約2分で読めます。

こんにちはFPヒデです。
過去に関連記事を自動で表示させる方法として『Similar Posts』というプラグインを使用する方法をご説明致しました。
関連記事を自動表示させる方法がこちらです。
ただこのままですと、リスト形式でテキストが並んでいるだけになりますからどうせなら画像を入れてもっと見やすくしてあげたいところです。

非常に簡単ですので是非トライしてみてください。
それではその方法をお伝えしていきますね。

すでに『Similar Posts』の有効化が済んでリスト表示されていると思いますので、
ダッシュボード内の『設定』⇒『Similar Posts』⇒その中の「Output Settings」をクリックします。

2014-07-08 14-57-08
そこに「Output template」という項目がありますのでその窓枠内に記述変更します。
 
2014-07-08 15-01-08 

このような表記に最初はなっているかと思います。⇒<li>{link}</li>

このコードを下記の様に書き換えます。
2014-07-08 15-03-00
 
コードはこちら

<div class="similar_posts">
<a href="{url}">
{php: echo get_the_post_thumbnail( {postid}, array(80,80), array('title' => ' {title}' )); }</a>
<div class="similar_posts_title">
<a href="{url}">{title} </a></div>
<p class="similar_posts_snippet">{snippet:60}…</p>
</div>
<div style="clear: both"></div>

 



変更前:NHK連ドラ「マッサン」に出演してももクロと再開!?   朝ドラ出演!ももクロを脱退した早見あかりの足あと
yazirusisita
変更後:NHK連ドラ「マッサン」に出演してももクロと再開!?   朝ドラ出演!ももクロを脱退した早見あかりの足あと

 
いかがでしょうか。見やすくなりましたよね。サイトによって使い分けてみるのも良いかと思いますね。

コメントを残す

サブコンテンツ

このページの先頭へ