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

 

 

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

コメントを残す

メールアドレスが公開されることはありません。

ABOUTこの記事をかいた人

ネットビジネスを生業としている。ブログ運営実績では月間150万PV・1日16万PV 、AdSenseにて月収64万、日給8万4千達成。さらに1ブログ770万で売却経験あり。
性格は温厚でかなりのマイペース、嫌なことは寝たら忘れるタイプ。
食べること・筋トレ、神社など古き良き建物好き。
詳細なプロフィールはこちら