【THE THOR】カテゴリーの親・子をわかりやすく表示する方法

THE THORでサイドバーエリアのカテゴリー表示をより分かりやすくする方法が【コピペだけ!】THE THORのカテゴリーをカスタマイズ!で紹介されていたので早速取り入れてみました!

サイドバーエリアにカテゴリを追加する


①「外観」→「ウィジェット」→「サイドバーエリア」に進みます。

②この「サイドバーエリア」に左側から「カテゴリ」をドラッグ&ドロップで追加します。

③「カテゴリ」内の項目「投稿数を表示」と「階層を表示」にチェックを入れ、保存を押して更新します。




追加CSSの設定方法


サイドバーエリアに「カテゴリ」を追加するだけでは、上の画像のように親カテゴリも子カテゴリもごっちゃの状態で表示されます。


サイドバーに「カテゴリ」を追加後、「階層を表示」にチェックを入れることによって、上の画像のように親の下に子が表示されるようになりました。また、「投稿数を表示」にチェックを入れることによって、投稿記事の数も表示されるようになりました。


【コピペだけ!】THE THORのカテゴリーをカスタマイズ!で紹介されているCSSを追加することで、より親カテゴリと子カテゴリの表示が分かりやすくなりました。