WordPressでカテゴリの表示を親と子で折りたたむ

2021年12月5日

昨日は月別アーカイブの年別化を行いましたが、
本日はそれのカテゴリ版です。

カテゴリも増えすぎると見づらくなるため、折りたたむことを考えました。

　プラグインなしでCSSに記述
　CSSに下記を記述する
　この方法だとプラグイン無しでお手軽、軽快ですが
　マウスオーバーで折りたたんだり、展開したりを行います。

.widget_categories ul li a + ul {
display:none;
}

.widget_categories ul li:hover ul {
display:block;
}

　プラグインで設定
　jQuery Categories List Widget

今回私は方法２を使いました。
理由は、先日の月別アーカイブの年別にした際の見え方と全く同じにしたかったので
簡単にできるのはプラグインだったからです。

プラグインはjQuery Categories List Widgetを使用しています。

タイトル：サイドバーに表示するタイトルを入力

Trigger Symbol：子カテゴリーを表示するときシンボル。今回は+-としました

Effect：表示の仕方⇒なしにしました

Order by：表示の順番⇒デフォルト　ASC

Categories to exclude：非表示のカテゴリを設定。⇒現時点では設定なし

jQuery Categories List Widgetを使うことによって、年別アーカイブと整合性がとれて
すっきりしたメニューになってきたかと思います。
閲覧者ファーストで、見やすいページにできるように今後も小ネタを入れていきます。

本当は株の日々の日記は見たい方はいないと思いますが、これは私個人のタメでもあるので
いつか皆さんにもお役に立てると気があればと、続けていきたいと思います。

よろしくお願いいたします。

Posted by sumingo