Popular Postsの設定方法

Popular Postsは元々タイトルのみの表示なんですが、これを画像付きに改造します。

まず、「設定」「Popular Posts」の上の「Output」をクリックします。

ポプ00

その後、以下のタグを画像の青丸のところに上書きします。

<div class=”popular_posts”>
<a title=”「{title}」の記事へ移動する”href=”{url}”>
{php:echo get_the_post_thumbnail({postid},array(140,140),
array(‘title’=>’{title}’));}
<div class=”popular_posts_title”>{title}</div></a>
</div>
<div style=”clear:both”></div>

ポプ000

そして、赤丸のセーブをクリックします。

次に、「外観」「ウェジェット」へ移動します。

移動すると、「Popular Posts」が追加されていますので、ドラッグ&ドロップで右のサイドバーへ移動させます。

移動先は、僕は右上に表示させていますが、これも好きなところで構いません。

ポプ01

移動させたら、タイトルを入れましょう。

タイトルは「人気記事」「気になる記事」などなんでも目を引く記事だという事をアピールしましょう。

後は、その下の数字を入力する分なんですが、これは表示する記事数の数です。

正直このままでもいいですが、増やしたければ増やしてもOKです。

後は、「保存」をクリックして完了です。

ポプ02

これで、画像付きの人気記事ランキングが完成です!