Live for Today

スポーツ、時事問題、IT、芸能等のホットな話題について綴ります。

*

ワードプレスstinger5のサイドバーに人気記事を導入してみた!

      2015/10/02

ワードプレス

このブログはワードプレスを使っていて、テーマはstinger5を使っています。ブログのサイドバーに「人気の記事」を導入することは、ブログの回遊率を高めPVをアップさせるための鉄則。

と分かっていながらも、ダラダラと対応せず放置していました。ブログを開設してからもう少しで区切りの3ヶ月ということもあり、重い腰を上げて「人気の記事」を導入してみました。


ワードプレスの「stinger5」のサイドバーに人気の記事を導入する方法

人気の記事これは導入後の画像です。画面右の赤枠部分が人気記事ランキングBEST7となっており、過去7日間にアクセスを集めたページが上から順に表示されます。

stinger5の場合、もともとこの部分には「NEW POST(最近の投稿)」が表示されていましたが、サイドバーのカレンダーの下にも同じ項目があることと、そもそもトップページは投稿順に表示されるので、人気の記事にしたほうがいいですよね。

というわけで私の場合、「NEW POST(最近の投稿)」は削除をして、その箇所に「人気の記事」を表示させることにしました。

NEW POST(最近の投稿)を削除する方法

1分もかからない作業であっという間に削除できます。

ワードプレスの外観>テーマの編集>サイドバー (sidebar.php)より以下の4行を消すだけ!これにて完了です。

<!–最近のエントリ–>
<h4〜>
<?php〜>
<!–/最近のエントリ–>

プラグイン「WordPress Popular Posts」をインストールする

人気の記事を導入するためには「WordPress Popular Posts」をインストールし有効化する必要があります。

WordPress Popular Postsインストールが完了すると、外観>ウィジェットの「利用できるウィジェット」に「WordPress Popular Posts」が表示されるので、右側にサイドバーウィジェットにドラッグ&ドロップして追加します。

「WordPress Popular Posts」を設定する

WordPress Popular PostsWordPress Popular Posts

 

サイドバーウィジェットのWordPress Popular Postsを展開すると上図のような設定項目が表示されるので、ここでタイトルや記事数を入力します。私と同じ表示にする場合は上のコピペでOKです。

「Title」はこのメニューのタイトル、「show up to」は表示させる記事数、「sort posts by」は表示する記事の基準をtotal views(閲覧数)かavg.daily views(平均アクセス数/日)かを選びます。

その他重要項目としてはTime range(計測期間)やサムネイル画像の表示の有無、画像のサイズなどを設定します。

画面下の「HTML Markup settings」は見え方を設定するもので、以下の通りにするとよいでしょう。

Before / after title: <h4 class=“menu_underh2”> / </h4>
Before / after Popular Posts: <div id=“kanren”><div> / </div></div>
Post HTML Markup:
<dl class=“clearfix”>
<dt>{thumb}</dt>
<dd><h5> {title}</h5><div class =“smanone”>{stats}</div></dd>
<p class=“clear”></p>
</dl>

このように設定するとサイドバーに人気の記事一覧が表示されるようになります。

設定>WordPress Popular Postsからも簡単な設定ができる

WordPress Popular PostsWordPress Popular Postsをインストールすると設定画面にWordPress Popular Postsが表示されます。クリックすると上のような画面が表示され表示数などを設定することができます。

WordPress Popular Postsの設定は基本的に外観のウィジェットから行うものの、ここのページでは直近24時間、直近7日間、直近30日間、全期間の人気記事一覧を見ることができます。

 

以上、ワードプレスStinger5で人気記事一覧を表示させる方法でした。思ったよりも簡単で面倒くさがらずにもっと早くやっておけばよかったと後悔しています。まだ設定したばかりなので、どのくらいPVがアップしたかは不明ですが、これから観測していきます。

 - Web・IT