WordPress Popular Postsの使い方・人気記事の表示方法

今回は、Webサイトの好きな箇所に人気記事一覧を表示することができるプラグイン「WordPress Popular Posts」の使い方を紹介します。

「サイドバーや関連記事の下などに人気記事一覧を表示したい」といった方は、本記事を参考にプラグインの導入を検討されることをおすすめします。

■(参考)WordPress Popular Postsを使って人気記事一覧を表示させている例

プラグインは便利ですが、古いプラグインやご利用のテーマやプラグインの組み合わせによっては、不具合を起こす場合もあります。本記事では特定の環境下での手順を示したものであり、ご利用の環境によっては本記事記載の手順以外の設定が必要になることもあります。そのため本番環境下へのプラグインの導入は、バックアップを取った上自己責任で実施をお願いいたします。

WordPress Popular Postsとは？

WordPress Popular Postsはサイト上に人気記事の一覧を表示することができるプラグインです。ウィジェットや固定ページや投稿ページなど好きな箇所に人気記事リストを表示させることができます。

また、表示できる人気記事リストのカスタマイズ性が高く、最大表示数やソート順の変更はもちろん、投稿タイプやタクソノミー、著者別にフィルターをかけて人気記事一覧を表示することも可能。

 
(参考)https://ja.wordpress.org/plugins/wordpress-popular-posts/
 

WordPress Popular Postsの使い方

WordPress Popular Postsをインストールする

まず、WordPress Popular Postsのインストールしていきます。プラグイン＞新規追加から、検索窓で「WordPress Popular Posts」と入力します。

そして該当する以下のプラグインが出てきたら「今すぐインストール」、「有効化」をクリックしましょう。

これでWordPress Popular Postsのインストールができました。プラグインのインストール・有効化ができると、管理画面の「設定」の中に「WordPress Popular Posts」という項目が追加されていることが確認できると思います。

サイドバーに人気記事を表示する

プラグインのインストール・有効化ができたら、ここからはWordPress Popular Postsを使ってサイドバーに人気記事を表示する方法を紹介していきます。

まずはウィジェットの設定画面を開きましょう。外観＞ウィジェットをクリックします。

これでウィジェット設定画面が表示されます。

ウィジェットエリアが表示されたら、次に「WordPress Popular Posts」ウィジェットをサイドバーエリアに追加しましょう。

クラシックエディターの場合であれば、ドラッグ&ドロップをするだけで簡単にウィジェットを好きな場所に追加することができます。

新ウィジェット画面の場合

※なお、新ウィジェット画面の場合は「+（ブロックを追加）」をクリックし、検索窓で「WordPress Popular Posts」と検索してから、出てきたブロックを追加すればOKです。

これでデフォルト設定では、以下のような人気記事一覧リストを表示できたはずです。

なおこれだと少し味気ないデザインになっているので、「人気記事一覧の表示内容やレイアウト設定の変更方法」箇所でデザインの変更方法について解説していきます。

補足：ブロックを使って記事内に人気記事を表示することも可能

ここまででウィジェット機能を利用して人気記事一覧をサイドバーに表示する方法を解説しましたが、「WordPress Popular Posts」ブロックを使うと記事内に人気記事を表示することも可能です。

表示させたい項目やレイアウトに関する各種設定はウィジェット機能を使用する場合と同様なので、こちらも「人気記事一覧の表示内容やレイアウトの変更方法」の内容を参考にして下さい。

ウィジェットで設定できる表示・レイアウトの変更方法

ここからはWordPress Popular Postsで表示させた人気記事一覧リストの表示内容やレイアウトの変更方法について解説します。

「WordPress Popular Posts」ウィジェットを追加しただけでもサイドバーに人気記事が表示されますが、デフォルトではタイトルと閲覧数の2つの情報のみが表示されている少し味気のないデザインになっています。

そこで表示させたい項目やレイアウトの設定を行いたい場合は、追加したウィジェットの隠しメニューを開いて、そこから各種設定を行っていきます。

タイトル・抜粋(説明文)・アイキャッチ画像の表示方法

人気記事リストの中に表示される「タイトル」や「抜粋」「アイキャッチ画像」といった情報の表示・非表示設定ができます。

いずれかの情報にチェックを入れてから保存をすると、タイトルの長さの上限や抜粋の長さ、アイキャッチ画像の大きさなどを細かく設定できます。

必要に応じて、アイキャッチや説明文など表示してください。

 

ここからは、各設定項目の意味について詳しく解説していきます。

各種設定項目の説明

ここからは、各設定項目の意味について詳しく解説していきます。

基本設定

隠しメニュー内の1番上の項目では、記事一覧リスト上に表示されるタイトルや最大表示数といった基本的な設定ができます。

どんな記事一覧が表示されているかがユーザーに分かる様に、「人気記事一覧」や「よく読まれている記事」などのタイトルをつけておくのがおすすめです。

フィルター設定

基本設定の下にあるフィルター設定では、フィルターをかけて、あるカテゴリーの記事のみを表示させたり除外したりすることができます。
 

テーマによってはデフォルト設定でIDが表示されている場合もあるかもしれません。

投稿設定

投稿設定では、人気記事リストの中に表示される「タイトル」や「抜粋」「アイキャッチ画像」といった情報の表示・非表示設定ができます。

いずれかの情報にチェックを入れてから保存をすると、タイトルの長さの上限や抜粋の長さ、アイキャッチ画像の大きさなどを細かく設定できる様になります。

統計タグの設定

 
統計タグ設定では、コメント数や閲覧数、投稿者や日付、タクソノミーといった記事に関するデータの表示・非表示設定ができます。

 
「日付を表示」「タクソノミーを表示」のどちらかにチェックが入っている状態で保存をすると、より詳細な設定をすることができる様になります。

HTML マークアップ設定

 
HTMLマークアップ設定では、WordPress Popular Postsで出力されるタイトル前後のタグ（デフォルトではdivタグ）やリストタグ（デフォルトではulタグ）などを好きなタグに変更することができます。

なお、こちらの機能を使用してあげたい場合は「カスタマHTMLマークアップを使う」にチェックを入れてから、1度保存をしてあげる必要があります。

テーマ設定

テーマ設定では、あらかじめプラグインで準備されたスタイルを使って人気記事リストを表示させることができます。
 

なお、こちらで「なし」以外のテーマを設定していると「投稿設定」と「統計タグの設定」で設定している表示項目の内容は適用されなくなります。

WordPress Popular Postsのその他の設定を変更する方法

最後にWordPress Popular Postsのその他の設定を変更する方法を解説します。

人気記事一覧リストに表示させたい項目やレイアウトの設定を行いたい場合は、追加したウィジェットの隠しメニューを開いて各種設定を行いましたが、それ以外の設定は管理画面の「設定」→「WordPress Popular Posts」画面の「ツール」タブ内から行なっていきます。

こちらで設定できる項目は以下の通りです。

アイキャッチ画像の設定

 
アイキャッチ画像の設定では、デフォルト画像や画像の取得元などの設定をすることができます。

また、こちらから画像のキャッシュを空にすることも可能なので、「サムネイルの変更をしたのに、人気記事一覧の中では変更されていない」といった場合は、プラグインのキャッシュをクリアしてみると良いでしょう。

設定を変更したら「適用」をクリックしましょう。

データの設定

データの設定では、アクセス数をどのように記録・保存するかかを設定できます。

サイトのトラフィックの規模にもよりますが、アクセス数が大きくなる場合は、ここでの設定がサイトパフォーマンスやプラグインの統計制度に影響することがあります。

その他の設定

その他の設定項目では、リンクの開き方やプラグインのスタイルシートを使うかどうかの設定ができます。

自分で作ったスタイルシートを利用したい方は「無効」にすると良いですが、基本的には「有効」にしておくと良いでしょう。

まとめ・WordPress Popular Postsの使い方

まとめです。今回はWordPress Popular Postsを使ってサイドバーに人気記事を表示する方法について紹介しました。

サイドバーに人気記事一覧を表示させているとサイトに訪れたユーザーの回遊率を上げることが期待できるので、興味がある方はぜひプラグインの導入を検討してみると良いでしょう。

なお、そのほかのよく使うおすすめプラグイン一覧を「WordPressおすすめプラグインを一覧・目的別紹介」でご紹介していますので、プラグインをお探しの方はあわせてご参考いただけると幸いです。

今回は以上になります。最後までご覧いただきありがとうございました。
 

「業者に任せたけど、更新ができない」「本で独学は時間がかかりすぎる・・」そんなお悩みの方も多いのではないでしょうか。

個別指導形式のスクールでは、自分の知りたいことをピンポイントで学習・達成でき、自分で更新もできるというメリットもあります。
教室の無料事前相談もしておりますので、まずはお気軽にご登録ください。

詳細はこちら

YouTubeチャンネル開設しました！

最大月間50万PVの当ブログをベースに、Youtube動画配信にてWordPress、ホームページ作成、ブログのことについてお役立ち情報を随時配信していきます。

ご興味ある方はぜひチャンネル登録をしていただけますと幸いです。

『自分で作る選択を』
自分でホームページ作成・Web集客したいホームページ作成スクール・教室