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の設定方法
まとめ
jQuery Categories List Widgetを使うことによって、年別アーカイブと整合性がとれて
すっきりしたメニューになってきたかと思います。
閲覧者ファーストで、見やすいページにできるように今後も小ネタを入れていきます。
本当は株の日々の日記は見たい方はいないと思いますが、これは私個人のタメでもあるので
いつか皆さんにもお役に立てると気があればと、続けていきたいと思います。
よろしくお願いいたします。
ディスカッション
コメント一覧
まだ、コメントがありません