「サイドバーに人気記事ランキングを表示したいけど、やり方がわからない…」そんな悩みを抱えていませんか？
WordPress Popular Postsは、サイドバーやウィジェットエリアに人気記事をランキング形式で表示できる定番プラグインです。
2026年現在も定期的にアップデートが続いており、ブロックエディタやフルサイト編集（FSE）にも対応しています。
回遊率の向上・直帰率の改善・PV数アップを狙いたいなら、人気記事の表示は非常に効果的です。
この記事では、WordPress Popular Postsのインストールから設定方法、カスタマイズ、表示されないときの対処法まで、初心者でもすぐに実践できる手順を2026年最新の管理画面に沿って解説します。
WordPress Popular Postsとは？できることと導入メリット
結論から言うと、WordPress Popular Postsはアクセス数に基づいて記事をランキング表示してくれる無料プラグインです。
2012年の初リリースから10年以上にわたって開発が続いており、2026年時点でも有効インストール数は20万以上を誇ります。
WordPress Popular Postsの主な機能
このプラグインでできることを整理すると、以下の通りです。
- 過去24時間・7日間・30日間・全期間などの期間別ランキング表示
- アイキャッチ画像のサムネイル付き表示
- 閲覧数・コメント数の表示
- カテゴリーや投稿タイプによるフィルタリング
- ウィジェット・ショートコード・ブロックの3つの表示方法に対応
- HTMLテンプレートを使った自由なデザインカスタマイズ
単なるランキング表示にとどまらず、見た目も機能も細かくカスタマイズできるのが最大の特徴です。
人気記事を表示させるメリット
人気記事をサイドバーに置くと、以下のような効果が期待できます。
| メリット | 具体的な効果 |
|---|---|
| 回遊率の向上 | 読者が他の記事にもアクセスしやすくなり、1訪問あたりのPVが増える |
| 直帰率の改善 | 興味を引く記事が目に入ることで、1ページで離脱する読者が減る |
| 信頼性の向上 | 「よく読まれている記事」があることでサイト全体の信頼感がアップする |
| 収益の増加 | PVが増えることで広告収入やアフィリエイト成果も上がりやすくなる |
特にブログで収益化を目指しているあなたにとって、人気記事の表示はコストゼロでできる最も手軽なPVアップ施策のひとつです。
スポンサードリンクWordPress Popular Postsのインストールと初期設定
ここからは実際の導入手順を解説していきます。
2026年現在のWordPress管理画面（WordPress 6.7系）に対応した手順ですので、そのまま進めてみてください。
プラグインのインストール手順
- WordPress管理画面の左メニューから「プラグイン」→「新規プラグインを追加」をクリックする
- 右上の検索窓に「WordPress Popular Posts」と入力する
- 作者が「Starter starter」と表示されたプラグインの「今すぐインストール」をクリックする
- インストール完了後、「有効化」をクリックする
これだけで導入は完了です。
有効化した直後からアクセスデータの計測が始まりますが、ランキングに反映されるまでにはある程度のアクセスが蓄積される必要があります。
導入後すぐにランキングが空欄でも、焦らず数日待ってみてください。
初期設定で確認すべき3つのポイント
管理画面の左メニューから「設定」→「WordPress Popular Posts」をクリックすると、設定画面が開きます。
最低限チェックしておきたいポイントは以下の3つです。
① データの取得方法（Ajaxify widget）
「ツール」タブの「Ajaxify widget」を有効にしましょう。
これを有効にすると、キャッシュプラグインを使っていてもランキングが正しく更新されます。
② データサンプリング
アクセスが非常に多いサイト（月間10万PV以上など）の場合は、「データサンプリング」を有効にするとサーバーの負荷を減らせます。
小規模サイトの場合は無効のままでOKです。
③ キャッシュの有効化
「ツール」タブの「データキャッシュ」を有効にしておくと、ページの読み込み速度が向上します。
サイトの表示速度はSEOにも直結するので、必ず有効化しておきましょう。
サイドバーに人気記事を表示する方法【3つのやり方】
WordPress Popular Postsを使ってサイドバーに人気記事を表示するには、3つの方法があります。
あなたの使っているテーマや好みに合わせて選んでみてください。
方法①：ウィジェットで表示する（クラシックテーマ向け）
従来のウィジェット対応テーマを使っている場合は、この方法が最も簡単です。
- 管理画面の「外観」→「ウィジェット」を開く
- 「WordPress Popular Posts」ウィジェットをサイドバーエリアにドラッグ＆ドロップする
- タイトル（例：「人気記事ランキング」）を入力する
- 表示件数を設定する（5〜10件がおすすめ）
- ソート基準を「総閲覧数」に設定する
- フィルターで対象期間を選ぶ（「過去30日間」が一般的）
- 投稿設定でアイキャッチ画像の表示を有効にする
- 「保存」をクリックする
これでサイドバーに人気記事が表示されます。
方法②：ブロックエディタで表示する（FSE対応テーマ向け）
2026年時点で主流になりつつあるフルサイト編集（FSE）対応テーマを使っている場合は、ブロックエディタから直接配置できます。
- 管理画面の「外観」→「エディター」を開く
- 「テンプレート」または「テンプレートパーツ」からサイドバーを選択する
- ブロック追加ボタン（＋）をクリックし、「WordPress Popular Posts」ブロックを検索・追加する
- ブロックの設定パネルで表示件数・期間・サムネイルなどを設定する
- 「保存」をクリックする
ブロックエディタなら、リアルタイムでプレビューを確認しながら設定できるので便利です。
方法③：ショートコードで表示する
ウィジェットやブロックではなく、記事本文やテンプレート内の任意の場所に人気記事を表示させたい場合はショートコードを使います。
基本のショートコードはこちらです。
主なパラメータは以下の通りです。
| パラメータ | 説明 | 設定例 |
|---|---|---|
| range | 集計期間 | last7days / last30days / all |
| limit | 表示件数 | 5 / 10 |
| thumbnail_width | サムネイル幅 | 75（px） |
| thumbnail_height | サムネイル高さ | 75（px） |
| stats_views | 閲覧数表示 | 1（表示）/ 0（非表示） |
| cat | カテゴリーID指定 | 3,5（複数カンマ区切り） |
テーマのPHPファイルに直接埋め込みたい場合は、do_shortcode()関数を使うこともできます。
見た目をカスタマイズして魅力的なランキングにする方法
デフォルトの表示でも十分使えますが、少しカスタマイズするだけでクリック率が大きく変わります。
ここでは、よく使われるカスタマイズ方法を紹介します。
HTMLマークアップテンプレートでデザインを変更する
WordPress Popular Postsでは、ウィジェット設定内の「HTMLマークアップ設定」でテンプレートを変更できます。
「カスタムHTMLマークアップを使う」にチェックを入れると、自由にHTMLを書けるようになります。
例えば、以下のようなテンプレートを使うと、ランキング番号付きでアイキャッチ画像とタイトルを表示できます。
<li class="wpp-item">{thumb} <span class="wpp-title">{title}</span> <span class="wpp-views">{views} views</span></li>
使えるテンプレートタグは以下の通りです。
{thumb}— サムネイル画像{title}— 記事タイトル{views}— 閲覧数{comments}— コメント数{author}— 投稿者名{date}— 投稿日{excerpt}— 抜粋文
CSSでデザインを整える
見た目を整えるためのCSSを追加すると、さらにプロっぽい仕上がりになります。
以下のCSSを「外観」→「カスタマイズ」→「追加CSS」に追加してみてください。
.wpp-list li { display: flex; align-items: center; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #eee; }
.wpp-list li img { border-radius: 6px; margin-right: 12px; object-fit: cover; }
.wpp-title { font-size: 14px; font-weight: 600; line-height: 1.4; }
.wpp-views { font-size: 12px; color: #888; }
CSSを少し調整するだけで、ランキングのクリック率は目に見えて変わります。
あなたのサイトのデザインに合わせてカスタマイズしてみてください。
AIツールを活用したカスタマイズの時短テクニック
2026年現在、ChatGPTやClaudeなどのAIツールを使えば、CSSやHTMLのカスタマイズが格段に楽になります。
例えば、Claudeに以下のように指示するだけで、あなたのサイトに合ったCSSを生成してくれます。
「WordPress Popular Postsのランキング表示を、ナンバリング付きで、ホバー時に背景色が変わるデザインにしたい。CSSを書いてください」
また、HTMLマークアップテンプレートのカスタマイズも、AIに理想の表示イメージを伝えるだけでコードを提案してもらえます。
CSSに自信がない初心者の方こそ、AIを積極的に活用してみてください。
WordPress Popular Postsが表示されないときの対処法
「設定したのにランキングが表示されない…」という声は非常に多いです。
ここでは、よくある原因と解決策をまとめます。
原因①：アクセスデータが蓄積されていない
WordPress Popular Postsは、プラグインを有効化した後のアクセスデータのみを使ってランキングを生成します。
つまり、有効化前のアクセスはカウントされません。
対処法としては、以下を試してみてください。
- 有効化してから最低3日〜1週間は待つ
- 集計期間を「全期間」に変更して、少ないデータでも表示されるようにする
- 自分でいくつかの記事にアクセスして、データが記録されるかテストする
原因②：キャッシュプラグインとの競合
WP Super Cache、W3 Total Cache、LiteSpeed Cacheなどのキャッシュプラグインを使っている場合、ランキングが正しく更新されないことがあります。
この場合の対処法は以下の通りです。
- WordPress Popular Postsの設定画面で「ツール」タブを開く
- 「Ajaxify widget」を有効にする
- キャッシュプラグイン側でキャッシュをクリアする
Ajaxify widgetを有効にすると、ページキャッシュの影響を受けずにランキングデータを取得できるようになります。
原因③：テーマとの互換性の問題
まれに、使用しているテーマの構造とプラグインが競合するケースがあります。
特にFSE対応テーマでウィジェット方式を使おうとすると、ウィジェットエリア自体が存在しない場合があります。
その場合は以下を確認してください。
- FSE対応テーマの場合はブロックエディタ方式で配置する
- テーマをデフォルトテーマ（Twenty Twenty-Fiveなど）に一時的に変更して動作確認する
- プラグインとテーマの両方を最新バージョンにアップデートする
表示されない場合は、慌てずひとつずつ原因を切り分けていくことが大切です。
スポンサードリンクまとめ
WordPress Popular Postsを活用してサイドバーに人気記事を表示する方法を解説しました。
最後に要点を振り返りましょう。
- WordPress Popular Postsは、アクセス数ベースで人気記事をランキング表示できる無料プラグイン
- 表示方法はウィジェット・ブロックエディタ・ショートコードの3つから選べる
- 初期設定では「Ajaxify widget」と「データキャッシュ」の有効化が重要
- HTMLテンプレートとCSSで見た目を自由にカスタマイズできる
- CSSのカスタマイズにはChatGPTやClaudeなどのAIツールを活用すると効率的
- 表示されないときはデータ蓄積・キャッシュ競合・テーマ互換性を順番にチェックする
- 人気記事の表示は回遊率の向上とPVアップに直結する、手軽で効果的な施策
人気記事ランキングは、一度設定してしまえばあとは自動で更新されるので、まだ導入していないあなたは今すぐ試してみてください。
