ワードプレス

【AFFINGER5】ブログのサイドバーに、「カテゴリー一覧」を設置する方法【WordPressウィジェット】

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 アイキャッチ



あずきです🐥

このブログでも愛用中のWordPressテーマ「WING(AFFINGER5)」における…

サイドバーエリアに「カテゴリー一覧」を設置する方法

について、ブログ初心者さん向けに1から解説していきます

まず、サイドバーに設置する「カテゴリー一覧」とは…

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 top-01

↑ TOPページのなかの…

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 top-02

↑ この部分

で、方法としては、 外観 > ウィジェット のなかの…

  • カテゴリー

というウィジェットを使います

この「カテゴリー」ウィジェット自体は、WordPressデフォルトの無料テーマでも備わってる機能です

ただ「WING(AFFINGER5)」の場合、その設置先となるエリアに「サイドバー」エリアなどの選択肢が加えられてるんですね

やり方も超簡単!

さっそく見ていきましょー🐥

\ 当ブログのテーマ AFFINGER5

WING AFFINGER5 バナー01

洗練された美しいデザイン

面倒なカスタマイズもクリック1つ

今なら、タグ管理プラグイン(4,980円)の無料配布キャンペーン中!!!

関連記事 → 【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで

著者

azuki_01

あずき@ブロガー

ブログを愛してます

フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

プロフィール

Twitter

AFFINGER5における、ブログのサイドバーに「カテゴリー一覧」を入れる方法【WordPressウィジェット】

ブログガイド_見出し_01

まずはWordPress管理画面から…

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 1-01

↑ 外観 > ウィジェット をクリックします

ウィジェットの設定画面が開いたら、左側の…

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 1-02

↑「カテゴリー」というタブをクリックして開きます

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 1-03

↑ このように設置エリアの選択肢が表示されるので、「サイドバーウィジェット」を選択し、「ウィジェットを追加」をクリックします

すると、画面右上の…

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 1-04

↑「サイドバーウィジェット」というタブが開いて、そのなかに今回追加した「カテゴリー」というボックスが追加されます

ここから、この「カテゴリー」の表示内容を設定していきます(下記手順です)

まずは、1番上の…

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 1-05

↑「タイトル」を任意の名称で入れましょう

例:カテゴリー / カテゴリー一覧 / Category / Categories など

空欄のままにすると、「カテゴリー」という名称が自動で反映されるよ!

この「タイトル」というのは、実際の画面上における…

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 1-06

↑ こちらの「見出し」部分にあたります

ちなみに

この「見出し」のデザインは、 外観 > カスタマイズ から任意のデザインに変更できます

affinger-color-setting-widget-20200217_ec
WING AFFINGER5で「ウィジェットの色設定」をカスタマイズする手順【WordPressブログ】

続きを見る

ということで「タイトル」が入力できたら、その下の…

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 1-07

↑ 各種チェック項目で、表示パターンを決めていきます

  • 「ドロップダウンで表示」 → ボックスをクリックで一覧が表示されるスタイル
  • 「投稿数を表示」 → カテゴリーごとの記事数が右側に表示されるスタイル
  • 「階層を表示」 → 下層カテゴリーも最初から表示されるスタイル

ということで、各種チェック項目が設定できたら…

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 1-08

↑ 右下の「保存」をクリックして完了です

実際の画面上で見てみると…

WordPress AFFINGERにおける、サイドバーにカテゴリー一覧を設置する手順 1-09

↑ こんな感じのカテゴリー一覧ができました

ちなみに

WordPressにおける各種設定は、反映までに時間がかかる場合があります

すぐに反映させたいときは、次の方法を試してみてください(3段階)

  • 【第1段階】WordPressキャッシュのクリア ←だいたいこれで反映されます
  • 【第2段階】パーマリンク設定の再保存 ←上記で反映されない場合におすすめ
  • 【第3段階】ブラウザキャッシュのクリア ←同上

具体的な手順はこちら ↓

WordPress_各種設定が反映されないときの対処方法_アイキャッチ
WordPressで、設定内容が反映されないときにまず試したい2つの対処方法【キャッシュの削除/パーマリンク設定の再保存】

続きを見る

おしまい♪

あずき🐥

\ 当ブログのテーマ AFFINGER5

WING AFFINGER5 バナー01

洗練された美しいデザイン

面倒なカスタマイズもクリック1つ

今なら、タグ管理プラグイン(4,980円)の無料配布キャンペーン中!!!

【超時短】ブログの「タグ管理」機能とは?仕組み&使い方から、メリット&デメリットまで

▼ 全体の目次はこちら ▼

「ワードプレスブログ」完全初心者ガイド 総合TOP

めためた丁寧でわかりやすい
プログラミングも使わない

著者

azuki_01

あずき@ブロガー

ブログを愛してます

フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

プロフィール

Twitter

-ワードプレス

Copyright© あずきのぶろぐ。 , 2020 All Rights Reserved.