【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にマイナスを付けることで除外できます。

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

お知らせ

2023/8/18

【特報】全てのAFFINGERに、”最強の体験” リリース開始！

AFFINGER商品の中でも最強と人気の高い以下の3商品の体験版を各テーマの「購入ユーザー限定ページ」にリリース致しました。 EX版（アップデート上位版） AFFINGERタグ管理マネージャー4（クリック計測・コード管理） PVモニター2（アクセス解析・人気ランキング）販売版と比較してログ記録が7日間などいくつかの制限と注意事項はありますが、体験版でも十分に大きな戦力になるのでぜひ、ご活用ください。ダウンロード方法体験版でもしっかり凄い各商品の紹介 AFFINGER6 EX版記事一覧のカード型デザ ...

コラム

2023/3/9

クリックされない広告は「〇〇」であるという話

ブログをはじめるとどうしても広告をたくさん置きたくなります。「どうすればクリックしてもらえるか？」「どうすれば目立たせることができるか？」わかります。なんとかクリックして欲しいし買って欲しいですよね。でも、その広告がちゃんとクリックされているか確認していますか？もし、しっかりクリックされていて収益が出ているのなら問題ありません。その調子で頑張ってください。でも、もし全くまたはほとんどクリックされていないのであればそれは即刻削除すべきです。ユーザーにとって興味がなく邪魔で目障りなゴミでしか ...

お知らせ

2022/4/12

AFFINGER（アフィンガー）6は初心者におすすめ？

WordPressは現在、クラッシックエディターからGutenberg（グーテンベルク）に大きく変化しています。そのため、クラッシックエディターに特化していたAFFINGER5のままGutenberg（グーテンベルク）を利用しているユーザーはその使用方法に大きな戸惑いを感じているかと思います。 Gutenbergを大幅強化したAFFINGER6の登場新しく登場したAFFINGER6には記事をわかりやすく、魅力的に仕上げるためのボックスやリストを含む様々なGutenberg専用のデザインスタイルが用意さ ...

お知らせ

2021/9/7

お知らせの方法とメルマガの終了のご案内

旧WING（AFFINGER5/STINGER PRO2）では主な更新情報をTwitter（@WPSTINGER）の内容をWordPress管理画面の「お知らせ」にて表示しておりましたがACTION（AFFINGER6/STINGER PRO3）よりダッシュボードにて確認できるようになりました。これに伴い、不定期で配信しておりましたメルマガ（現在登録停止中）サービスを終了させて頂きます（Twitterアカウントの運用は未定となっております）。ご登録頂きましたメールマガジンのアドレスはサービス終了完了と ...

お知らせバージョンアップ不具合情報

2021/8/31

Gutenbergプラグイン2 ver20210830修正アップデートのお知らせ

WordPress5.8の仕様変更により起こる不具合対応の為、メモ、マイボックス、バナー風ボックス、カスタムボタンブロックのカスタムフォント設定を「px/em/rem」に変更しておりましたが、再更新時にブロックリカバリーが必要となる状況が発生していたため、再度、ver20210830にて「%」指定のみに修正変更を行いました。修正版（ver20210830）を各購入ユーザー限定ページにアップ致しましたのでアップデート頂ければ幸いです。度々の修正となり申し訳ございません。購入ユーザー限定ページ

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