サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
このフォーラムには初心者の方も多く参加されています。質問に不慣れな方も安心して相談できるよう、できるだけ穏やかな言葉でご案内いただけますと幸いです。
通知
すべてクリア
トピックスターター 2026年3月25日 23:30
不具合・カスタマイズ対象ページのURL：
相談内容：
Cocoonを使っているのですが、固定ページに新着記事リストのように人気記事一覧を表示し、「次のページへ」といったナビゲーションを追加する方法が知りたいです。どうすればよいでしょうか？
不具合の発生手順：
解決のために試したこと：
ショートコードのnew_list offcetを使ってみた。
2026年3月26日 00:23
@shidangaka さん。
「人気記事一覧」に限った話ではないですが、ショートコードを使った記事一覧の表示は「前へ」「次へ」などのページ移動を前提とした作りではありません。
ただ単に「7日間以内の人気記事のうち上から10件表示してください」といったように、決まった条件で決められた通りにしか表示できない作りになっています。
そのため、もし実装をご希望でしたらご自分でご対応いただくか、どなたか有識者にご依頼いただく必要があるかと思います。
恐れ入りますが、ご容赦のほどよろしくお願いいたします。
ちなみに。
ショートコードのnew_list offcetを使ってみた。
人気記事一覧ならば new_list ではなく popular_list になりますね。
（new_list は新着記事一覧用のショートコードになります。また、popular_list にはoffsetオプションはありません）
▼ご参考①
・人気記事一覧を表示するショートコードの利用方法 | Cocoon
・新着記事一覧を表示するショートコードの利用方法 | Cocoon
・Cocoonで使える[ショートコード]のオプションと使い方まとめ | ものぐさWEBノート
▼ご参考②
・トップページやカテゴリーページの記事一覧を人気順にしたい | 要望 | Cocoon フォーラム
以下のご提案のようにいけなくもないかもしれませんが、個人的には若干力業のような気がします。
人気記事一覧ショートコードやカラムを駆使して固定ページを作って、
設定>表示設定>ホームページの表示でその固定ページを選択すれば似たことはできそうかなと思いました。
この投稿は1か月前 3回ずつY.INABAに変更されました
わいひら reacted
2026年3月26日 01:20
●回答
着記事リストのように人気記事一覧を表示し、「次のページへ」といったナビゲーションを追加する方法が知りたいです。
「新着記事リスト」ではなく、投稿一覧ページのことですね。
先述の回答のとおり、「新着記事」「人気記事」のウィジェット（ショートコード）には、ページネーション機能は用意されていません。
そのため、PHPで独自にカスタマイズする必要があります。
例えば、実現するなら2つの案が考えられます。
- 投稿一覧ページに並び替えの切り替えメニューを追加し、エントリーカードの表示順を「人気順」に切り替えられるようにします。
- 固定ページで作成する場合は、「タブ」ブロックを使用して「新着記事」「人気記事」のブロックを配置し、ボタンを設置します。
そのボタンのURLにパラメータを付与し、投稿一覧ページの並び順を切り替えます。
上記の「ご参考②」ですが、案2で可能です。
この機能（案1）ですが、スキンの隠し機能としていました。
フロントページの形式によって表示する場所が微妙だったので、削除しました（笑）。
わいひら reacted
トピックスターター 2026年3月26日 18:34
2026年3月26日 19:03
@shidangaka さん
タブウィジェットはJavaScriptでの実装になるのでしょうか？
「タブ」ブロックです。
カスタマイズ以前に、Cocoonのマニュアルを一読し機能を覚え。
また、Gutenbergエディターにどんなブロックが使ってみてください。
JavaScript、PHPカスタマイズはサポート対象外させていただいています。
フォーラムの注記に上記があります。
ご自身で勉強され実現するか、有償にて業者依頼してください。
ページネーションを実現は、知識なく簡単にできる機能ではないです。
ページネーションを付けず、固定ページにタブブロックを使い、新着記事ブロック、人気記事ブロックを配置。
それぞれにボタンを設け、クリックで投稿一覧（投稿日順）ですることは、ノーコードで可能です。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。