ブログをやっていて、ずっとやりたいと思っていたことがありました。
「このブログでよく読まれている記事TOP3」を表示したい。
よくあるブログの横に、
「人気記事」
「よく読まれている記事」
「人気記事ランキング」
みたいなのが出ているじゃないですか。
あれを自分のブログにも置きたいと思いつつ、
「プラグインが必要なのかな？」
「アクセス数を取得する設定が必要？」
「ランキングを自分で更新するの？」
などと勝手に面倒そうなイメージを持っていて、ずっと放置していました。
ところが今回調べてみると、WordPressテーマ「Cocoon」を使っているなら、かなり簡単にできました。
結論から書くと、
Cocoon標準の「[C] 人気記事」ウィジェットを追加するだけ。
僕は最終的に、
・パソコン → サイドバー
・スマホ → 投稿本文下
の2か所に「このブログで読まれている記事 TOP3」を表示することにしました。
Cocoonなら人気記事ランキングを標準機能で作れる
僕が使っているWordPressテーマはCocoonです。
今回使ったのは、Cocoonに用意されている
「[C] 人気記事」
というウィジェット。
新しいプラグインを追加する必要はありませんでした。
「これだけだったのか……」
というのが実際に設定してみた感想です。
ずっとやろうと思いながら放置していたのがもったいなかったです。
Cocoonで人気記事TOP3をサイドバーに表示する手順
まずWordPressの管理画面を開きます。
「外観」
↓
「ウィジェット」
と進みます。
利用できるウィジェットの中から、
「[C] 人気記事」
を探します。
これを「サイドバー」に追加します。
僕は次のように設定しました。
・表示モード：全ての人気記事
・人気記事のタイトル：このブログで読まれている記事 TOP3
・表示数：3
・表示タイプ：デフォルト
・集計期間：30日間
・ランキング番号を表示する：ON
・PV数を表示する：OFF
・横並び表示：OFF
最後に「保存」を押せば完了です。
これだけで、ブログのサイドバーに直近30日でよく読まれている記事TOP3を表示できました。
なぜ「全期間」ではなく「30日間」にしたのか
ここは少し迷いました。
全期間の人気記事にすると、本当にブログで長期間読まれている記事を表示できます。
一方で、昔ヒットした記事がずっと上位に残る可能性もあります。
僕が今回表示したかったのは、
「最近、このブログでは何が読まれているの？」
というランキング。
そこで集計期間を「30日間」にしました。
これなら、新しく公開して急に読まれ始めた記事もランキングに入ってきます。
季節ネタやニュース性のある記事を書いているブログとも相性がよさそうです。
ここで気づいた。「スマホはどうなる？」
サイドバーに設置して、
「よし、できた」
と思ったところで気づきました。
僕自身、ブログを編集するときは基本的にパソコンです。
そのため、どうしてもパソコン画面を基準に考えてしまいます。
でも実際にブログを読む人はスマホが多い。
パソコンでは記事の横にサイドバーがあるので、人気記事TOP3が自然に目に入ります。
ところがスマホには、パソコンのような「記事の右側」がありません。
せっかく人気記事ランキングを作るなら、スマホの読者にも見てもらいたい。
そこで、もう1つ「[C] 人気記事」を追加することにしました。
スマホを意識して「投稿本文下」にも人気記事TOP3を設置
もう一度、
「外観」
↓
「ウィジェット」
↓
「[C] 人気記事」
と進みます。
今度は追加先として、
「投稿本文下」
を選びました。
設定内容は基本的にサイドバーと同じです。
・タイトル：このブログで読まれている記事 TOP3
・表示数：3
・集計期間：30日間
・表示タイプ：デフォルト
・ランキング番号：ON
・PV数：OFF
これで、
パソコンでは記事横のサイドバー。
スマホでは記事を読み終えたところ。
この2か所から人気記事へ移動できるようにしました。
「投稿関連記事上」ではなく「投稿本文下」にした理由
Cocoonにはウィジェットを表示できる場所がかなりあります。
例えば、
・投稿本文中
・投稿本文下
・投稿SNSボタン上
・投稿SNSボタン下
・投稿関連記事上
・投稿関連記事下
などです。
今回は「投稿本文下」を選びました。
記事を最後まで読んでくれた人が、
「このブログには他にどんな記事があるんだろう？」
と思ったタイミングで人気記事TOP3が出てくるからです。
関連記事よりさらに下までスクロールしてもらうより、本文を読み終えた直後に表示する方が分かりやすいと考えました。
実際にやってみたら想像以上に簡単だった
今回の設定で一番感じたのはこれです。
「もっと早くやればよかった」
人気記事ランキングというと、
アクセス解析を設定して、
プラグインを探して、
ランキングを作って……
みたいな作業を勝手に想像していました。
Cocoonを使っている場合は、標準の「[C] 人気記事」ウィジェットがあるので、思っていたよりずっと簡単でした。
僕は最終的に、
パソコン向け：サイドバー
スマホ向け：投稿本文下
の両方に設置しました。
表示するのは「直近30日で読まれている記事TOP3」です。
まとめ｜Cocoonなら人気記事TOP3は簡単に設置できた
Cocoonで人気記事ランキングを表示したい場合は、
「外観」→「ウィジェット」→「[C] 人気記事」
から設定できます。
僕の場合は、
パソコンだけを考えてサイドバーに設置
↓
スマホ読者のことを思い出す
↓
投稿本文下にも追加
という流れになりました。
ブログを作る作業はパソコン中心なので、ついつい忘れてしまいますが、実際に読む側はスマホということも多いです。
「人気記事をサイドバーに設置して終わり」ではなく、一度スマホから自分の記事を開いて確認してみるのがおすすめです。
ずっとやりたかった人気記事TOP3。
Cocoonなら、思っていたよりずっと簡単に設置できました。
実際に表示された「このブログで読まれている記事TOP3」は？
せっかくなので、設定した直後の2026年9月2日時点で、実際にどの記事がTOP3になったのかも見てみました。
今回は「過去30日間」で集計しています。
1位はニンテンドーカタログチケットの記事
1位は、2026年2月3日に書いたニンテンドーカタログチケットについて真剣に考えた記事でした。
ニンテンドーカタログチケットはすでに販売を終了していますが、最後の時期に購入した人には、まだ引き換え期限が残っています。
僕自身もチケットを残している一人です。
（子どものアカウントの分もあり、2026/9/2まだ引換検討中です）
そこで、
「残ったカタログチケットを結局何に使うのが一番得なんだ？」
ということを真剣に考えました。
ゼルダにするのか。
ポケモンにするのか。
マリオにするのか。
あつ森にするのか。
ファイアーエムブレムにするのか。
すでにパッケージ版を持っているゲームを、遊びやすさを考えてあえてダウンロード版にするのもあり。
さらに新作関係では、「リズム天国」や「トモダチコレクション」もあります。
販売そのものは終了していても、
「残っているチケットを何と交換するか」
という悩みはまだ残っています。
そんなことを考えて書いた記事が、現在このブログで一番読まれている記事になっていました。
2位は8月31日に書いたばかりのポケモンWCS2026の記事
そして驚いたのが2位です。
2026年8月31日に公開した、
「【ポケモンWCS2026】世界大会のダブルバトルは初心者でも参考になる？答えは『まず丸ごと真似』でいいと思う」
という記事でした。
この記事を書いているのは2026年9月2日。
つまり、公開してまだ2日程度の記事が「過去30日間の人気記事ランキング」で2位まで上がってきました。
僕自身、ポケモンチャンピオンズではまだハイパーボール級です。
SVでは、なんとかマスターボール級まで行けました。
そんな僕が世界大会を見ながら、
「初心者でも世界トップの構築は参考になるんじゃないか？」
「全部を理解してから始めるんじゃなくて、まず強い人の構築を丸ごと真似してみてもいいんじゃないか？」
と考えて書いた記事です。
ちなみに、この記事はXなどで宣伝していません。
気になってGoogle Search Consoleも確認してみたところ、直近24時間で、
・Google検索からのクリック：56
・検索結果への表示：164
・CTR：34.1％
・平均掲載順位：4.8位
となっていました。
ドメインパワーを調べると、このブログは「3.7」。
決して強い数字ではありません。
それでも、タイミングや検索している人の疑問とうまく合えば、新しく公開した記事でもGoogle検索から読んでもらえることがある。
今回、人気記事ランキングを設置したことで、それに気づけたのも面白かったです。
3位は4月17日のマスカーニャ対策
3位は、2026年4月17日に公開したポケモンチャンピオンズのマスカーニャ対策の記事でした。
こちらも、自分が実際に対戦していて、
「マスカーニャ、どうやって対策したらいいんだ？」
と思ったことから調べて書いた記事です。
今回のTOP3を並べると、
1位 2026年2月3日
ニンテンドーカタログチケットの記事
2位 2026年8月31日
ポケモンWCS2026・世界大会ダブルバトルの記事
3位 2026年4月17日
ポケモンチャンピオンズ・マスカーニャ対策の記事
となりました。
自分で選んだ「おすすめ記事TOP3」ではありません。
実際に直近30日で読まれている記事が自動的に入れ替わって表示されます。
これが思っていた以上にいい。
人気記事を設置して、自分のブログのことも少し分かった
今回やりたかったのは、単純に読者に人気記事を見てもらうことでした。
ところが実際に設置してみると、
「昔書いた記事が今も読まれている」
「公開したばかりの記事が一気に上がってくる」
「ポケモンの記事が2本TOP3に入っている」
など、自分のブログについてもいろいろ見えてきました。
人気記事ランキングは読者のための機能ですが、運営している自分にとっても、
「今、このブログでは何が読まれているのか？」
を意識するきっかけになりました。
そして忘れていたのがスマホ
僕は普段、ブログの編集をほぼパソコンでやっています。
そのため最初はサイドバーに人気記事TOP3を設置して、
「よし、できた」
と思っていました。
そこで気づきました。
読む人はスマホが多い。
パソコンでは記事の右側にサイドバーがありますが、スマホでは同じようには見えません。
ブログをパソコンで作っていると、読者はスマホで見ているという当たり前のことを、ついつい忘れちゃうんですよね。
そこで最終的には、
パソコンを意識して「サイドバー」
スマホを意識して「投稿本文下」
の2か所に、
「このブログで読まれている記事 TOP3」
を設置しました。
記事を最後まで読んでくれた人が、
「このブログ、他には何が読まれているんだろう？」
と思ったときに、そのまま次の記事へ進んでもらえたらいいなと思っています。
まとめ｜Cocoonなら人気記事TOP3は簡単に設置できました
ずっと設置したいと思いながら後回しにしていた「人気記事TOP3」。
実際にやってみると、Cocoonなら標準の「[C] 人気記事」ウィジェットを使うだけで簡単に設置できました。
僕は、
・パソコン向けにサイドバー
・スマホ向けに投稿本文下
の2か所に設置しています。
WordPressでCocoonを使っている方は、ぜひ一度「人気記事TOP3」を設置してみてはいかがでしょうか。
思っているより簡単ですよ！
コメント