MENU

「SWELL」サイドバーのカテゴリーを階層表示する方法|親カテゴリーの下に子カテゴリーを表示する設定手順

当ページのリンクには広告が含まれています。
SWELLサイドバーのカテゴリーを階層表示する方法のアイキャッチ画像

WordPress有料テーマの「SWELL」。

とてもおしゃれで使いやすいですが、カテゴリーに親カテゴリー、子カテゴリーを設定している場合、カテゴリー枠に全てのカテゴリーが表示されてしまいます。

SWELLでは、子カテゴリーを親カテゴリーの下に階層表示することができます。

この記事では、サイドバーのカテゴリーを階層表示させる設定の方法を、わかりやすく図解してます。

目次

階層表示とは

階層表示とは、親カテゴリーの下に子カテゴリーをいくつか設定した場合に、親カテゴリーの下に子カテゴリー名も表示させる方法です。

階層表示をしないと親カテゴリー、子カテゴリー関係なく全て表示されてしまいます

SWELLサイドバーのカテゴリーを階層表示する方法の画像


一方階層表示をすると、親カテゴリーと子カテゴリーがわかりやすいように表示されるので、スッキリした見栄えになるのでおすすめです。

SWELLサイドバーのカテゴリーを階層表示する方法の画像-2

「SWELL」サイドバーのカテゴリーを階層表示する方法

サイドバーのカテゴリーを階層表示する方法、以下の手順で簡単に設定できます。

STEP
WordPress管理画面より「外観」をクリック
SWELLサイドバーのカテゴリーを階層表示する方法の画像-3
STEP
「ウィジェット」をクリック
SWELLサイドバーのカテゴリーを階層表示する方法の画像-4
STEP
「カテゴリー」を掴んで「共通サイドバー」にドラッグする
SWELLサイドバーのカテゴリーを階層表示する方法の画像-5



または、

STEP
カテゴリーの🔽をクリック
SWELLサイドバーのカテゴリーを階層表示する方法の画像-6
STEP
「共通サイドバー」をクリック
SWELLサイドバーのカテゴリーを階層表示する方法の画像-7
STEP
「ウィジェットを追加」をクリックしてもOK
SWELLサイドバーのカテゴリーを階層表示する方法の画像-8
STEP
共通サイドバー内に設置された「カテゴリー」の🔽をクリック
SWELLサイドバーのカテゴリーを階層表示する方法の画像-9
STEP
①「階層を表示」にレ点を入れ、②「保存」をクリック
SWELLサイドバーのカテゴリーを階層表示する方法の画像-10

これで設定完了です。

「ドロップダウンで表示」にした場合

SWELLサイドバーのカテゴリーを階層表示する方法の画像-11

「ドロップダウンで表示」にレ点を入れた場合、カテゴリーは一覧表示されずクリックしないと表示されない設定になります。

SWELLサイドバーのカテゴリーを階層表示する方法の画像-12

クリックするとカテゴリーが表示されます。

SWELLサイドバーのカテゴリーを階層表示する方法の画像-13

まとめ

SWELLサイドバーのカテゴリーを階層表示する方法の画像-14

カテゴリー表示は好みはあると思いますが、個人的には階層表示しておいた方がスッキリしていてわかりやすくおすすめの設定です。

簡単にできますので、お好みのスタイルでサイドバーに設定してみてくださいね。

ポイント
  1. 「外観」→「ウィジェット」→「共通サイドバー」に「カテゴリー」を持っていく
  2. カテゴリーの「ドロップダウンで表示」のレ点をはずす
  3. 「投稿数を表示」はどちらでもOK
  4. 「階層を表示」にレ点を入れる

このブログでも使っているSWELL。

とても使いやすくて簡単におしゃれなブログが作れます。

興味のある人は、こちらの記事をご参照ください。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

1972年生まれ。
将来の夢はプロブロガー&ギターリスト。
外はおっさんでも中は夢を追いかける純粋な少年の心をもつ。
時間と収入の自由を追い求め今日も突っ走る。
夢を追いかけ追いつきます!

コメント

コメントする

目次