WordPressのウィジェットにカテゴリー一覧を表示すると小カテゴリも表示されて見にくかったので、親カテゴリだけ残して、hoverすると小カテゴリーが表示されるように変更してみました!
JavaScriptなどを使えば、押したときぬるっと表示なんかもできますが、実装がめんどくさかったのでCSSだけで実装できる形で今回は実装しました。
一瞬で実装できるので、カテゴリー欄を親カテゴリーだけにしたい方は参考になると思います。
WPのカテゴリー一覧の小カテゴリーを隠してhoverすると表示されるようにする方法
今回実装したCSSはこんな感じ!
.widget_categories ul li a + ul {
display:none;
}
.widget_categories ul li:hover ul {
display:block;
}
基本的に小カテゴリーは隠しておいて、ホバーされたら表示してねという簡単な感じに実装しました。
多分どんなテーマでも対応可能だと思うので、WPのウィジェットにカテゴリー欄を表示させた際に、小カテゴリーも出て見栄えが悪いという方は参考にしてみてください。
ABOUT ME