2014最新版!WordPressに人気記事を表示させる「WordPress Popular Posts」の簡単な設定方法

「WordPress Popular Posts」とは?

ブログなどのサイドバーに「人気記事一覧」って、よくありますよね、それです。
メリットは、閲覧の多い記事が視覚的にひと目でわかるので訪問者が見やすい、またブログの見栄えもよくなります。

その人気記事一覧ですが、どうしたら配置できるのか。
その方法をお伝えしていきます。
Wordpressを使ったブログを作っている方は、プラグインを入れて設定するだけなので、3分程度でできます

「WordPress Popular Posts」を使って人気記事を表示させる方法を解説しているブログは多くあったのですが、日本語化される前のものであったりで、自分なりに最新版としてまとめていきます。

「WordPress Popular Posts」の設定方法

プラグインのインストールと有効化

人気記事を表示させるために、まずはプラグイン「WordPress Popular Posts」をインストールします。
インストールは方法は

WordPress管理画面→「プラグイン」→「新規追加」で出てくる検索窓で「Wordpress Popular Posts」を検索

t1
一番上に出てくる「Wordpress Popular Posts」の文字の下にある「いますぐインストール」をクリック
t2
数秒でインストールが終わりますので、その後の画面にでてくる「プラグインを有効化」をクリックします。
これで「Wordpress Popular Posts」のインストールと有効化は終了
表示させられるまであと半分です。

サイドバーに「Wordpress Popular Posts」を設置する

無事にインストールと有効化が完了していれば、次に

WordPress管理画面→「外観」→「ウィジェット」

利用できるウィジェットの欄に「Wordpress Popular Posts」の文字が出てきます。
t3
そのウィジェットをサイドバーの表示させたい場所にドラッグ&ドロップします。
実質ここまでで「WordPress Popular Posts」を使った人気記事の表示の設置は終了です。次からは設定を解説していきます。

「Wordpress Popular Posts」の設定を変更する

(2014年5月現在)全て日本語化されているので、不明な点は少ないと思いますが、一応解説していきます。

t4

上から

・タイトル
サイドバーに設置したときに記事の上にでてくる表示部分です。
「人気記事」や「よく読まれている記事」などと書くのと無難でしょうか。

・表示する数
表示させる記事の数ですね。

・時間間隔
集計の間隔を1日~1ヶ月、これまでの累計から選択することができます。ここで設定した間隔をタイトル上部に記載してもわかりやすいですね(例:今週の人気記事)

・並び替え順
表示させる記事の順番を「コメント数」「累計閲覧数」「平均閲覧数」から選択することができます。

・投稿設定
タイトルが長い記事の場合短縮して表示させたりすることができます。

・投稿タイプ
初期設定ではpost,pageとあります。
記事の人気記事のみを表示させたい場合はpost
記事と固定ページの人気記事を表示させたい場合はpost,pageと記述します。

・表示しない投稿ID
集計させたくない記事のIDを入れると、その記事はランキングに表示されなくなります。複数ある場合はコンマで区切ります。

・カテゴリID
特定のカテゴリからのみ集計したい場合は、ここにカテゴリIDを記述します。これも複数ある場合はコンマで区切ります。

・投稿者ID
特定の投稿者の場合のみ集計したい場合は、ここに投稿者のIDを記述します。

・サムネール設定
記事の横にサムネール画像を表示させることができます。
わかりやすくなるのでチェックを入れたほうがいいでしょう。
初期設定は非選択になってますが、チェックを入れて、一度保存すると、下に表示させるサムネイルの大きさを設定する画面が追加されます。ピクセル値で指定しましょう。

・統計タグ設定
その通り、記事の横にコメント数や閲覧数、日付などのタグを表示させることができるので、任意の場所にチェックを入れます。
・HTMLマークアップの設定
これにチェックするとタグなどのCSS設定が出来ます。自身のブログとスタイルを合わせたいときなどに使用します。

以上の設定が終われば、下部の保存をクリックして終了です。

設置した画面を確認してみる

無事に設定が終われば、このように表示されます。
集計がされるまでこのように表示されます。

t5

WordPressテーマ「STINGER」を使用している場合のカスタマイズ

このブログでも使用しているWordpressテーマ「STINGER」を使用している場合、この「Wordpress Popular Posts」の表示を違和感なく馴染ませる方法がわかりやすく解説されていました。
先ほどの「Wordpress Popular Posts」の設定を変更する欄の最下部「HTMLマークアップの設定」これにチェックを入れて、STINGERで使用しているCSSの設定を記述すればいいようです。
詳しくはこちらのサイト「黒色ワナビーの住処」さんを覗いてみてください。

無題
「黒色ワナビーの住処」
https://blackwannabe.net/