人気記事ランキングを画像付きでサイドバーに設置するPopular Posts

自分のサイトの人気記事ランキングを
サイドバーに画像付きで設置する事ができるプラグイン
[Popular Posts] の設定の仕方を解説します。

人気記事ランキングを設置する事で、
サイト訪問者の滞在時間が増え、
seoの良い効果があります。

Popular Posts のインストール

まず、『Post Plugin Library』 というプラグインをインストールします。
このプラグインをインストール、有効化していないと、
Popular Posts が正常に起動しません。

続いて、Popular Posts を手動インストール〜有効化します。

Popular Postsのダウンロードはこちらから
Popular Posts.2.6.2.0.zip

手動インストールの方法はこちらを参照に
プラグインのインストール方法

インストールが完了したら、
ダッシュボードの外観から、ウィジェットをクリック。

人気記事ランキングを表示させたい位置に、
ウィジェットをドラッグします。

人気記事ランキング

画像を参考に、タイトルを入力し、
表示させる記事数を設定します。

そして、保存します。

これで、サイドバーには
人気記事ランキングが設定されました。

設定後、最初のうちはデータ不足のため、
表示されないかもしれませんが、
アクセスデータが集まれば、
どんどん表示されるようになってきます。

人気記事ランキングに画像とPV数を表示させる

このままでは、
テキスト表示しかされないので。
画像とPV数(観覧数)を表示させて行きます。

ダッシュボードから設定、Popular Posts をクリック。
設定画面になったら、画面上部の Output をクリックします。

populaposts

設定画面に切り替わりましたら、
『Output template』という項目のところに、

<li>
<center>
<img src={imagesrc} height=”140″ width=”140″ hspace=”10″ vspace=”10″>
<br />{postviews} views</center><br/>
{link}<br />
<hr>
</li>

『Text and codes before the list:』の項目には

<ul class=”side-menu”>

これをコピーして貼り付けます。

人気記事ランキング画像

この設定の画像サイズは3カラム用のサイトに適したサイズに設定していますが、
Output template の項目の

『height=”140″ width=”140″』

この数字を変えれば、画像を大きくしたり、小さくしたり出来ます。

height= が画像の高さ
width= が横幅の大きさです。

自分のサイトのデザインに合ったサイズ変更をすることで、
訪問者の興味を、よりひくことができ、
サイトの滞在時間をのばすことができます。

このエントリーをはてなブックマークに追加


ビジネスメール講座を無料で配信中!

多湖弘明

はじめの一歩

アフィリエイトとは?
自分の得意な事、好きな趣味などをブログやインターネットを使って発信し、広告収入を得てみませんか?特に難しい技術や知識はいりません。その方法を知っているか、知らないか。ただそれだけの差です。
実践して報酬を手にしよう!
こんなに簡単!広告収入の仕組みを解説します。実際にやってみてください。パソコンとインターネットがあれば、誰もが数万円のお小遣いならすぐ稼げます。一度限りの贅沢に使うか、継続した数万円の為に使うかは、自分次第。
チェンジザワールド!!
この先、このままでは不安。何かしなきゃと、わかってはいるけど、何もしていない。 何をしていいのか、わからない。 考えてるだけじゃなく、空いた時簡に収入を得れるように、今こそ、はじめの一歩を踏み出しましょう。

コメントを残す