Wordpress

ワードプレスで人気記事を表示する方法【プラグインで一発!】

ブログやウェブサイトによくある「人気記事」や「よく読まれている記事」のパーツ。実際のアクセス数を集計しているので、どのページがよく読まれているのか、管理者の方も訪問者の方にもわかりやすいランキングという形で見せることができます。

人気のページをわかりやすいところに掲示することで、すでに実績(人気)のあるページのアクセスをさらに伸ばし、全体としてより多くのページビューと、サイトの滞在時間の改善も期待できます。

人気記事ランキングは、ワードプレスの標準機能ではないのですが、プラグインをインストールすることで簡単に使うことができます。

方法は意外と簡単で

step
1
WordPress Popular Postsをインストールして有効化する

step
2
WordPress Popular Postsの最低限の設定をする

step
3
WordPress Popular Postsのウィジェットをページに追加する

たったこれだけです。では順番にみていきましょう!

WordPress Popular Postsをインストールして有効化する

WordPress Popular Postsは、プラグインの新規追加の画面からインストールできます。

これに関しては説明は大丈夫ですね。

インストールが終わったらそのまま有効化します。プラグインをインストールしただけでサイトにランキングが表示されるわけではありません。まだランキングを表示したくない場合でも安心して有効化しておきましょう。

この時点で設定をするだけで、記事へのアクセス数のカウントが開始sれ、プラグインの設定画面の「統計情報」で現在の数値を見ることができるようになります。

WordPress Popular Postsに最低限の設定をする

インストールが終わったら、管理メニューから 設定 → WordPress Popular Posts と選択して、プラグインの設定画面を開き、そこから「ツール」というリンクをクリックして設定画面を開きます。

この画面からプラグインの動作設定をすることができます。初期設定のままでも特に問題はないのですが、僕は一箇所だけ設定を変更しました。それは

「データ」の下の「閲覧を記録する対象者」訪問者のみに変更したことだけです。

この設定はデフォルトでは「全員」となっていて、管理者としてログインしている自分のアクセスもすべて記録されてしまいます。アクセスが十分にあるサイトならば大した影響はないのですが、弱小サイトでこれをやってしまうと自分のアクセスによってランキングが変動してしまう可能性もあるので、この設定をしておくことをオススメします。

あと人によって変更が必要そうなのは以下の設定でしょうか。

「アイキャッチ画像」「画像の取得元」

デフォルトでは「アイキャッチ画像」になっています。これはランキングを表示させるときに表示する画像をどうするかを設定するものです。僕のサイトはすべての記事にアイキャッチ画像を設定しているので、この設定のまま使用していますが、アイキャッチ画像をほとんど設定していない場合は適切な設定に変更するといいでしょう。

WordPress Popular Postsのウィジェットを追加する

ランキングを表示するためのデータが集まってきたら、いよいよページにランキングを表示させましょう。

カスタマイザーまたはウィジェットの画面へ行くと、「WordPress Popular Posts」というウィジェットが追加されていると思います。このウィジェットを、表示させたい箇所に追加して、ウィジェットの設定をすれば完了です。

このウィジェットは意外と設定項目が盛りだくさんで、ランキングの集計方法や表示方法を細かく設定できます。すべての設定項目には立ち入りませんが、外観のカスタマイズメニューで、いろいろとテストしてみるといいでしょう。

デザイン調整

上の手順を実行することで、ブログに人気記事を表示させることができました!

使用しているテーマにもよりますが、、生成されたウィジェットの見た目がカッコ悪くて使い物にならないと思われた方もいるかもしれません。実は僕もそう思いました。

しかし安心してください。WordPress Popular Postsは出力するHTMLを細かくカスタマイズすることができるので、標準状態のウィジェットの見た目が気に入らないという方は、テーマに合わせてカスタマイズしてみましょう。

下の画像は、僕が使用しているWING (AFFINGER5)というテーマに合わせてカスタマイズしたHTMLです。

カスタマイズにした人気記事ウィジェット

WordPress Popular Postsウィジェットの設定項目を設定すれば、テーマに溶け込んだデザインを実現できます。さらにカスタムCSSを少し追加することで、標準機能ではできない、1位、2位と順位を表示する小ワザも可能です。

その手順は特定のテーマ(AFFINGER5)向けですが、詳しく紹介していますので、こちらの記事もご覧ください。

【AFFINGER5】WordPress Popular Postsの表示をキレイにする方法

先日の記事で、WordPressブログに人気の記事を表示させる方法を紹介したのですが、今回はさらに一歩進んで、WING (AFFINGER5)テーマで人気記事の表示を綺麗にする方法を紹介しようと思いま ...

続きを見る

-Wordpress

Copyright© 技術系のメモ , 2019 All Rights Reserved.