【WordPress】トップページにカテゴリ一別の一覧を作成する方法

WordPressでブログやサイトを作りたい時にトップページをジャンル別（カテゴリ）の一覧でまとめる方法です。

ステ子

闇雲に記事を羅列するよりも関連する記事だけの一覧にまとめることでぐっと読みやすく、見つけやすいトップページが作れるわよ

※当記事はWordPressテーマ「WING（AFFINGER5及びSTINGER PRO2）」を元に説明しています

トップページにカテゴリ一別の一覧を表示する方法

step
1トップページにコンテンツを挿入する

トップページにコンテンツを挿入する方法は2つあります

①「テーマ管理」＞②「トップページ」にて

③「トップページに固定記事を挿入」する方法
④「挿入コンテンツ」で直接コンテンツを挿入する方法

です。

メモ

WordPressの表示設定で直接固定ページを「ホームページ」にする方法もあります

step
2カテゴリ一覧を作成する

上記のどちらかの方法でコンテンツを作成していきます。

カテゴリ一覧は「カテゴリ一覧ショートコード」で簡単に作成できます。

クイックボタンで選ぶだけ

挿入されるショートコードの内容は以下のとおりです。

[st-catgroup cat="0" page="5" order="desc" orderby="id" child="on" slide="off" slides_to_show="3,3,2" slide_date="" slide_more="ReadMore"]

意味は以下のようになり、自由に変更できます。

[st-catgroup cat="表示したいカテゴリID" page="表示したいページ数" order="降順、昇順の指定" orderby="並び方法" child="子カテゴリーの表示の有無" slide="スライドショー化の有無" slides_to_show="スライドショー表示時の列数" slide_date="日付表示の有無" slide_more="続きを読む"]

表示したいカテゴリIDについて

表示したいカテゴリIDは「投稿」＞「カテゴリー」の一覧「ID」で確認できます。

複数のカテゴリを表示したい場合は「2,5,8」と半角カンマ（,）で区切ります。反対に表示したくないカテゴリがある場合は「2,-5」とカテゴリIDにマイナスを付けることで除外できます。

スライドショーで表示する

お知らせ

2026/7/22

【緊急】WordPressに認証不要でコード実行される緊急の脆弱性

本テーマ及びサービスではなく、WordPress本体の脆弱性となります。本件についてお問い合わせいただいてもご対応できかねますのでご了承ください。 WordPressにて未認証・条件なしで乗っ取れる恐れのある脆弱性「wp2shell」が確認されました。 WordPress対象となるバージョンは以下となりますので速やかに7.0.2へアップデートすることが推奨されます。 6.9.0 〜 6.9.47.0.0 〜 7.0.16.8.0 〜 6.8.5 https://ja.wordpress.org/2026/ ...

お知らせ

2026/6/12

AFFINGER7アフィリエイト開始及びAFFINGER6、ACTION PACK3アフィリエイト終了についてのお知らせ

「AFFINGER7」及び「STRATEGY PACK3」リリースに伴いインフォトップにてアフィリエイトを開始致します。 AFFINGER7/EX リリースのお知らせ AFFINGER7リリース記念アフィリエイト報酬 10,000円/件 7月末までアフィリエイト報酬大UPキャンペーン開催 2026年7月末まで「AFFINGER7」のアフィリエイト報酬が「10,000円/件」となります。購入数AFFINGER7STRATEGY PACK3初回購入1,0003,0002件目以降（～2026/7/31）10, ...

お知らせ

2025/6/1

【新機能】データベース型サイトの構築に便利なカスタムフィールド機能を実装。AFFINGER6/EX ver20250601リリースのお知らせ

AFFINGER ver20250601の新機能として「カスタムフィールド設定」が実装されました。カスタムフィールドとは「記事に好きな情報を自由に追加できる機能」です。たとえば記事ごとに「おすすめ度」を5段階でつけたい商品紹介ページに「価格」や「在庫状況」を表示したいイベント記事に「開催日」や「住所」を載せたい旅行記に「訪れた場所」や「気温」「費用」を記録したい不動産情報ページに「間取り」「家賃」「最寄り駅」などを追加したいなどなどタイトルや本文以外の情報をデータとして追加できるのがカス ...

バージョンアップ不具合情報

2019/9/4

修正アップデートのお知らせ WINGver20190904β

以下の修正アップデートを行ったver20190904βを購入ユーザー限定ページにアップ致しました。ご迷惑をお掛けして申し訳ございません。上記不具合が出る場合は最新版にアップデート頂きますようお願い致します。

お知らせバージョンアップ

2019/9/3

WING ver2010903β・Gutenbergプラグインアップデートのお知らせ

機能追加などを行いましたWING ver20190901βを購入ユーザー会員ページにUP致しました。最新版アップデートの方法はコチラ WINGver201090901（共通）アップデート内容記事一覧及びブログカードのラベル位置左右反映記事一覧のサムネイル画像を右側に変更した場合にラベルも右に変更するように修正致しました。ブログカードのリボンデザイン及びfontawesome対応カスタマイザーにてブログカードのラベルをリボンデザインに変更します。 ※当デザインは原則として背景色が白の場合を想定して ...

カテゴリ一覧ショートコードの「slide="off"」を「slide="on"」とするだけでスライドショーにすることも可能です。