この記事は1年以上前に更新された内容のため、情報の一部が古い場合があります。最新の情報は公式マニュアルをご確認下さい。

WordPress

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

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

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

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

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

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

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

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

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

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

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

2020/6/3

ブログカード外部URL対応プラグインver20200603βアップデートのお知らせ

「readmore」属性が空の場合にファビコンとURLをトップURLを表示する「ブログカード外部URL対応プラグインver20200603β」を購入ユーザー限定ページにUP致しました。 また、これに伴い「readmore」属性の初期値を「空(readmore="")」に変更しました。 ※御利用時は必ずテーマもver20200603以上にアップデートして下さい。 ブログカード外部URL対応プラグイン購入ユーザー専用ページ β版の為、販売中のものには当機能は反映されておりません。購入後、別途ダウンロードして下 ...

ReadMore

お知らせ

2020/6/3

「OR」検索に対応 ~ カスタム検索プラグインver20200603βアップデートのお知らせ

「OR検索」に対応致した「カスタム検索プラグイン ver20200603β」を購入ユーザー限定ページにUP致しました。 ウィジェットの「OR 検索を有効にする」を有効化するかショートコードの「operators="1"」を指定することでOR検索が選択できるようになります。 AND検索例 (テキストフォームの)テキスト + ( カテゴリA 且つ カテゴリAB 且つ タグC )にも含まれる記事 OR検索例 (テキストフォームの)テキスト + ( カテゴリA 又は カテゴリAB 又は タグC )に含まれる記事 ...

ReadMore

お知らせ

2020/6/3

「YouTube背景スマホ対応」「Pinterest(ピンタレスト)」など ~ WING ver20200603βアップデートのお知らせ

「モバイル背景動画」「Pinterestボタン」機能などを追加したWING ver20200603βを購入ユーザー会員ページにUP致しました。 最新版アップデートの方法はコチラ β版の為、サーバー更新及び販売中のものには当機能は反映されておりません。購入後、別途ダウンロードして下さい ※ver20200601βの内容はまだマニュアルに反映されておりません(正式アップデートまでに順次反映予定です) ステ子アップデートが「反映されない」場合はスーパーリロード(症状のページで「Ctr + F5」)をお試しくださ ...

ReadMore

お知らせ

2020/5/15

【特典あり】デザイン済みデータ共有サイト「WING CLOSET」開始のお知らせ

コン太良いデザインができたんだけど、誰か使ってくれないかな? アザらん私のデザイン、自信あるんだけど買ってくれる人いないかしら? 「デザイン済みデータ配布ページ」で配布しているようなWING(AFFINGER5 / STINGER PRO2)用のデータを誰でも公開、販売、共有できるようなサイトを用意いたしました。 https://wing-closet.com/ 「WING(AFFINGER5 / STINGER PRO2)」は主に「カスタマイザー」「ウィジェット」「テーマ管理」の3つの設定から成り立って ...

ReadMore

お知らせ

2020/5/14

WING ver20200514アップデートのお知らせ

以下の修正を行いましたWING ver20200514を購入ユーザー会員ページ及びサーバー更新にUP致しました。 最新版アップデートの方法はコチラ 主なver20200514の内容 Firefoxで検索フォームの虫眼鏡アイコンが表示されない修正 ヘッダー横列メニューでWebアイコン(fontawesome4.7.0)が使用できるように修正 お手数をお掛けして申し訳ございませんが、アップデート頂ければ幸いです。 購入ユーザー限定ページ

ReadMore

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

ENJI
スライドショーにすることでスマートフォンの閲覧スペースを有効に使ったり、「お客様の声」など同じようなニーズの記事をまとめることで効果的な訴求もできます

step
3
全体を仕上げる

サンプルサイト

記事一覧ごとに「見出し」をつけながら一覧を作成していきます。

各一覧ごとに「一覧へのリンク」を作成してあげればさらにユーザビリティも回遊率もUPするのでおすすめです。

ボタンについて

クイックボタンには様々な種類のボタンを予め用意しています。

ボタンはリンク先はもちろん、「カラー(グラデーションOK)」「アイコン」「丸み具合」「テキスト」「光る演出の有無」などが自由にカスタマイズ可能です。

好きなのを選ぶだけ

もっと見る

もっと詳しく

まとめ

まとめると

  1. トップページにコンテンツを挿入する用意
  2. 挿入コンテンツに任意のカテゴリ一覧ショートコードを挿入
  3. 必要なカテゴリの数だけ作成

以上となります。

カテゴリ一覧はそれだけ記事を読み込む処理が必要となるので表示数を増やしすぎると処理に時間がかかる場合があります。必要に応じて適度に使用しましょう。

※当記事はWordPressテーマ「WING(AFFINGER5及びSTINGER PRO2)」を元に説明しています
※キャプチャは開発中の為、実際とは一部異なる場合がございます。

-WordPress

© 2012 ONSPEED.inc Powered by AFFINGER5