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にマイナスを付けることで除外できます。
スライドショーで表示する
EX版 修正アップデートのお知らせ ver20200909
EX版の不具合修正を行いましたWING ver20200909を購入ユーザー会員ページにUP致しました。 また、軽微ではありますが設定テキストの変更を行いましたAFFINGER5及びSTINGER PRO2のver20200909も併せてUPしております（こちらはアップデート頂く必要性は高くありません。） ステ子リリース版、サーバー更新には対応済みです。 最新版アップデートの方法はコチラ 主な修正内容 <body>直後に出力するコードの不具合修正（EX版のみ） LazyLoadSEO使用時の設 ...
ReadMore
お知らせ
2020/8/15
WING ver20200814アップデートのお知らせ
主にWordPress5.5に関して既知の問題に関する修正を行いましたver20200814を購入ユーザー会員ページにUP致しました。 最新版アップデートの方法はコチラ サーバー更新反映は今しばらくお待ちください。（対応済みです） 主な ver20200814アップデート内容 WordPress5.5アップデートによるクイックタグが非表示になる修正 WordPress5.5アップデートにより実装されたサイトマップ設定の追加 WordPress5.5アップデートにより実装されたLazyLoad設定の追加及び ...
ReadMore
お知らせ 不具合情報
2020/8/15
WordPress5.5について
先日リリースされたWordPress5.5において、クイックタグが表示されない等の不具合を確認しております。 アップデート等の進展がございましたら改めてご報告致しますのでよろしくお願い致します。 追記：修正版をアップしました。 WING ver20200814アップデートのお知らせ ※現時点のテーマ及びプラグインの動作環境対象は～5.4となっております ステ子すでに5.5にアップデートされた方は以下の方法にてダウングレードが可能です。 参考：WordPressのバージョンを戻す方法
ReadMore
WING ver20200726 修正アップデートのお知らせ
今回は修正アップデートのみとなります。（サーバー更新反映済みです） 最新版アップデートの方法はコチラ 2020年8月リリース予定のWordPress5.5から「テーマアップローダー」は使用できなくなりますので、以降はテーマアップローダープラグインの利用を停止して下さい（WordPress本体でzipファイルをアップロードできる予定） WING ver20200726の主な修正 表示設定にて「投稿ページ」に固定ページを指定した際に第一投稿のtitleタグ強制書き換え（指定されている場合）が反映される修正（※ ...
ReadMore
コラム
2020/7/3
キーワードだけでは見えないユーザーの属性と思考
次に考える事は、ユーザーが「何を想い」そのページに来たのか？という事です。実はコレ、「何のキーワードで来たのか？」という事より重要だったりします。 勿論、キーワードがあればより確実なのですが、キーワードがあったとしてもその先の「思考」が大事なんですよね。 記事によっては、明確でかつ売るものがハッキリしている記事もあるでしょう。でも、そうではなくて不明確だったりキーワードが取れずよくわからなくなった記事は ユーザーが訪れた想い・理由 を想像すればいい。 記事を書いてそれに「関連した商品」を貼るというのがあり ...
ReadMore
カテゴリ一覧ショートコードの「slide="off"」を「slide="on"」とするだけでスライドショーにすることも可能です。
ENJI
スライドショーにすることでスマートフォンの閲覧スペースを有効に使ったり、「お客様の声」など同じようなニーズの記事をまとめることで効果的な訴求もできます
step
3全体を仕上げる
サンプルサイト
記事一覧ごとに「見出し」をつけながら一覧を作成していきます。
各一覧ごとに「一覧へのリンク」を作成してあげればさらにユーザビリティも回遊率もUPするのでおすすめです。
ボタンについて
クイックボタンには様々な種類のボタンを予め用意しています。
ボタンはリンク先はもちろん、「カラー（グラデーションOK）」「アイコン」「丸み具合」「テキスト」「光る演出の有無」などが自由にカスタマイズ可能です。
好きなのを選ぶだけ
もっと見る
もっと詳しく
まとめ
まとめると
- トップページにコンテンツを挿入する用意
- 挿入コンテンツに任意のカテゴリ一覧ショートコードを挿入
- 必要なカテゴリの数だけ作成
以上となります。
カテゴリ一覧はそれだけ記事を読み込む処理が必要となるので表示数を増やしすぎると処理に時間がかかる場合があります。必要に応じて適度に使用しましょう。
※当記事はWordPressテーマ「WING（AFFINGER5及びSTINGER PRO2）」を元に説明しています
※キャプチャは開発中の為、実際とは一部異なる場合がございます。
