ワードプレス(WordPress)の投稿記事の閲覧数の多いランキングを表示することができるプラグイン WordPress Popular Posts を解説します。
- WordPress Popular Posts の使い方と詳細な設定方法がわかります
WordPress Popular Posts で実現できること
WordPressのプラグイン WordPress Popular Postsを導入すると投稿記事の閲覧数の多い順のランキングをサイドバーに表示することができます。
ウィジェットでサイドバーに表示数の多い投稿記事順にランキング形式で表示できるので、どの記事が最も閲覧されているのかを利用者に伝えることができます。
WordPress Popular Postsの設定画面の統計情報からも閲覧数の多い記事を確認することが可能です。
- 閲覧数の多い記事順にランキング形式でサイドバーに表示可能
- デザインや表示項目のカスタマイズが可能
- 閲覧数の多い投稿記事を設定画面内の統計情報で確認できます
WordPress Popular Posts のインストール方法
WordPress Popular Posts プラグインをWordPressにインストールする方法を解説します。
![WoredPressのダッシュボード(管理者画面)の新規プラグイン追加画面](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-1.jpg)
- WordPressのダッシュボード(管理者画面)の「プラグイン」をクリックします
- 「新規追加」をクリックします
- 検索ボックスに”WordPress Popular Posts ”と入力すると下に検索結果が表示されます
- ”WordPress Popular Posts”の「今すぐインストール」ボタンをクリックします
![“WordPress Popular Posts”のインストール完了画面](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-2.jpg)
↑WordPress Popular Posts のインストールが完了すると有効化ボタンが表示されるのでクリックします。
!["WordPress Popular Posts"を有効化すると表示される画面](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-3.jpg)
これでWordPress Popular Posts のインストールと有効化は完了です。
WordPress Popular Posts の設定
WordPress Popular Postsプラグインを有効化するとダッシュボード(管理画面)の設定の中に「WordPress Popular Posts」が表示されます。
![ダッシュボード(管理画面)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-4.jpg)
WordPress Popular Postsプラグインの設定画面はダッシュボード(管理画面)の設定の中の「WordPress Popular Posts」をクリックします。
WordPress Popular Postsの設定
Post Views Counteの設定画面には下記の3項目あります。
- 統計情報
- ツール
- Debug
ツールが設定にあたります。
ツール内には下記の3項目あります。
- アイキャッチ画像
- データ
- その他
統計情報
![WordPress Popular Postsの統計情報画面](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-5.jpg)
↑設定画面の最初の設定画面では閲覧数の多い順に表示されます。
アイキャッチ画像
![WordPress Popular Postsのツールのアイキャッチ画像設定](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-6.jpg)
項目名 | 意味 |
---|---|
デフォルトのメイン画像を設定 | 閲覧数ランキングの記事タイトル横に表示させる画像を指定 |
画像の取得元 | 閲覧数ランキングの記事タイトル横に表示させる画像を「アイキャッチ画像」「本文内の最初の画像」「最初の添付ファイル」「カスタムフィールド」から選択 |
Lazy Load | 閲覧数ランキングの記事タイトル横に表示させる画像を遅延読み込みさせるか否かを指定 |
初期設定の状態のままでOKです。とくに変更する箇所はありません
データ
![WordPress Popular Postsのツールのデータ設定画面](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-7.jpg)
項目名 | 意味 |
---|---|
閲覧を記録する対象者 | 閲覧数をカウントする対象を「訪問者のみ」「ログイン中のユーザーのみ」「全員」から選択 |
ログ上限 | ログの保存期間を設けない「無効」と、指定の日よりも古いログを削除する「データ保存期間」から選択 |
ウィジェットをAJAX化 | キャッシュプラグインを利用していて、閲覧数がカウントされない場合はこの機能を有効化する |
データキャッシュ | アクセス数の多いブログサイトでは「キャッシュする」を選択 |
キャッシュ更新間隔 | キャッシュを更新する間隔を指定 |
データサンプリング | アクセス数の多いブログサイトでは「有効」にするとパフォーマンスが改善する可能性がある |
閲覧を記録する対象者を「訪問者のみ」に設定変更したほうが正確な利用者の閲覧集をカウントできるのでおすすめです。
その他
![WordPress Popular Postsのツールのその他設定画面](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-8.jpg)
項目名 | 意味 |
---|---|
リンクの開き方 | 閲覧数ランキングのリンクをクリックしたときに記事ページの開く動作を「現在のウィンドウ」「新しいタブまたはウィンドウ」から選択 |
プラグインのスタイルシートを使う | 独自のCSSを利用したい場合は場合は「無効」にする |
Enable experimental features | 実験的な機能を有効にするか否か |
初期設定の状態のままでOKです。とくに変更する箇所はありません
WordPress Popular Postsの使い方(サイドバーに閲覧数ランキングを表示させる方法)
利用者に閲覧数を提示する方法は下記の1つです。
- ウィジェット機能を利用
ウィジェット機能を使う方が簡単ですが、任意の場所に表示したい場合はショートコードを記事内に記述するか、PHPコードを直接テーマファイルに記載します。
ウィジェット機能を利用して閲覧数ランキングを表示
WordPressの管理画面(ダッシュボード)の外観の中にあるウィジェットをクリックします。※以降はブロックエディタのウィジェットの写真ですが昔のウィジェットも同じ手順になります。
![ウィジェット画面](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-9.jpg)
↑閲覧数ランキングを表示させたい場所で+ボタンをクリックして「すべて表示」をクリックします。表示場所はサイドバーがおすすめです。
- 「ブロックを追加」をクリック →「すべて表示」をクリックします
- 左側に表示されたウィジェット機能の一覧から「WordPress Popular Posts」をクリックします
![WordPress Popular Postsのブロック その1](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-10.jpg)
![WordPress Popular Postsのブロック その2](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-11.jpg)
↑設定項目の意味は下記のとおりです。
項目名 | 意味 |
---|---|
題名 | 投稿記事ランキングの見出しタイトルを指定 |
制限 | アクセス数の多い記事の最大表示数を指定 |
投稿を並び替える | 閲覧数ランキングの並べ替えの順を「総閲覧回数」「平均閲覧数」「コメント数」から選択 |
時間範囲 | ランキングの集計期間を「過去24時間」「過去7日間」「過去30日間」「ずっと」「カスタム」から選択 |
投稿タイプ | 閲覧数ランキング対象の記事タイプを投稿記事(post)や固定記事などから指定可能 |
除外する投稿ID | 閲覧数ランキングの対象から外したい投稿記事のIDを指定可能 |
著者ID | 閲覧数ランキングの対象から外したい著者IDを指定可能 |
カテゴリー(category) | 閲覧数ランキングの対象から外したいカテゴリーIDを指定可能 |
タグ(post_tag) | 閲覧数ランキングの対象から外したいタグIDを指定可能 |
タイトルを短くする | 閲覧数ランキングの投稿記事タイトルの長さを文字数や単語数で制限可能 |
投稿の抜粋を表示する | 閲覧数ランキングの投稿記事の本文の抜粋を表示する。抜粋部分を文字数や単語数で指定可能 |
投稿のサムネイルを表示する | 閲覧数ランキングに投稿記事のアイキャッチ画像を表示する |
コメント数を表示する | 閲覧数ランキングの投稿記事のコメント数を表示する |
表示者 | 閲覧数ランキングの投稿記事の投稿者を表示する |
表示日 | 閲覧数ランキングの投稿記事の投稿日を表示する |
分類法を表示する | 閲覧数ランキングの投稿記事のカテゴリーやタグを表示する |
カスタムHTMLマークアップを使用する | 閲覧数ランキングの表示をHTMLを利用してカスタマイズできます |
テーマ | 閲覧数ランキングの見た目のデザインを変更できます |
これらの設定項目を変更することで見た目のデザインや表示項目をカスタマイズすることができます。
設定変更後に「更新」ボタンをクリックします。
テーマによる見た目の違い
WordPress Popular Postsプラグインに予め用意されているテーマ(デザインのテンプレート)は下記の11種類です。
- None (なし)
- Cards (カード)
- Cards Compact (カードコンパクト)
- Cardview (カードビュー)
- Cardview Compact (カードビューコンパクト)
- Evergreen (エバーグリーン)
- Midnight (夜中)
- Sunrise (日の出)
- Sunset (日没)
- Tiles (タイル)
- Tiny (小さい)
各テーマを変更すると自動的にWordPress Popular Postsのブロック設定が変更されます
テーマ毎に表示されるデザインの違いを載せたので参考にしてください。
None (なし)
![WordPress Popular Postsのテーマ:None (なし)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-12.jpg)
Cards (カード)
![WordPress Popular Postsのテーマ:Cards (カード)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-13.jpg)
Cards Compact (カードコンパクト)
![Cards Compact (カードコンパクト)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-14.jpg)
Cardview (カードビュー)
![WordPress Popular Postsのテーマ:Cardview (カードビュー)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-15.jpg)
Cardview Compact (カードビューコンパクト)
![WordPress Popular Postsのテーマ:Cardview Compact (カードビューコンパクト)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-16.jpg)
Evergreen (エバーグリーン)
![WordPress Popular Postsのテーマ:Evergreen (エバーグリーン)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-17.jpg)
Midnight (夜中)
![WordPress Popular Postsのテーマ:Midnight (夜中)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-18.jpg)
Sunrise (日の出)
![WordPress Popular Postsのテーマ:Sunrise (日の出)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-19.jpg)
Sunset (日没)
![WordPress Popular Postsのテーマ:Sunset (日没)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-20.jpg)
Tiles (タイル)
![WordPress Popular Postsのテーマ:Tiles (タイル)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-21.jpg)
Tiny (小さい)
![WordPress Popular Postsのテーマ:Tiny (小さい)](https://yublog.jp/wp-content/uploads/2022/06/wordpress-popular-posts-22.jpg)
まとめ
WordPress Popular Postsプラグインを利用すると閲覧数の多い順にランキング形式で表示することができます。
予めプラグイン側で用意されているテーマを変更したり、表示する項目を細かくカスタマイズできて便利です。
閲覧数の多い記事ランキングを表示させるプラグインの中では最も人気があります。
類似の閲覧数の多い記事ランキング用のプラグイン「Post Views Counter」はカスタマイズできる箇所が少なくイマイチですが、各投稿記事内に簡単に閲覧数を表示させて利用者に見せることが可能です。
「Post Views Counter」の詳細な説明はこちらの記事を参考にしてください↓
Post Views Counter 記事の閲覧数を表示するプラグイン 設定方法と使い方