ブログの更新が楽しくなる!ワードプレス(WP)で人気記事を表示する

現在はさらに高機能な WordPress Popular Posts を使用しています。
さらに良いのが見つかった!ワードプレス(WP)で人気記事を表示する

WPに人気の記事ランキングを表示したいと思います。色々なブログに採用されているので、一度は見たことがあるのではないでしょうか。

Google Analyticsなどのアクセス解析でも人気のあるページは分かりますが、人気ランキングは一目でチェックできるので、アクセスが上がってくるとモチベーションに繋がります。

いつものようにリサーチをしたところ、定番として

WP-PostViews

というプラグインを発見。早速インストールします。プラグインを有効化した時点でランキング集計が始まります。集計結果であるランキングを表示するには、ダッシュボードからPostViewsのウィジェットを追加します。

標準では管理者のアクセスはカウントされず、訪問者がページを閲覧した時点でカウントしてくれます。 その動作は「設定→PostViews」で行えますが、初期設定で実用上ほとんど触るところはなく、変更箇所は、はてなっぽいデザインにするためにspanタグを追加したのみでした。

はてなっぽいデザインにしました。

変更箇所
<li><a href="%POST_URL%"  title="%POST_TITLE%">%POST_TITLE%</a> <span><span class="num">%VIEW_COUNT%</span>views</span></li>
style.cssに追加したCSS
.widget_views li span{
    font-family: sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #ff6664;
    background-color: #ffefef;
    padding: 1px 0;
}

.widget_views li span.num{
    padding-right: 0.2em;
}

 

広告