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

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

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

方法1

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

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

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

方法2

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

このブログの場合

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

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

jQuery Categories List Widgetの設定方法

  • タイトル:サイドバーに表示するタイトルを入力
  • Trigger Symbol:子カテゴリーを表示するときシンボル。今回は+-としました
  • Effect:表示の仕方⇒なしにしました
  • Order by:表示の順番⇒デフォルト ASC
  • Categories to exclude:非表示のカテゴリを設定。⇒現時点では設定なし
  • まとめ

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

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

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

    にほんブログ村 住まいブログ 新築マンションへ にほんブログ村 株ブログへ

    スポンサーリンク