WordPress jqueryでカテゴリーを開閉式にする

Article views350 VIEW

blue-jWordPressでサイトを作成していると、カテゴリーが膨大になってしまう事が無いだろうか?

 親カテゴリーが沢山、子カテゴリーも沢山あって、サイドバーに表示するには多すぎる場合がある。

カテゴリの一覧を表示するにも縦に伸びすぎて見た目が悪い。

なので、普段は親カテゴリしか表示せず、マウスオンでその子カテゴリが出現するようjqueryで設定した。 

jqueryを用意

jqueryを用意します。

4行目のhoverをclickにするとクリックしたときに表示する様になる(はずです・・・)

5行目と6行目の400という数字は開閉のスピードです。
ここの数字を変えると開閉のスピードが遅くなったり速くなったりします。
お好みで変えて下さい。

これをヘッダー部分で読み込んでください。

カテゴリ表示部分

ウィジェットで使用しています。(Exec-PHP使用)

後はul.tree-menuをCSSで表示を整えます。

これで実装完了です。簡単でした。

参考にしたサイト

[WordPress]jQueryによるカテゴリのアコーディオン表示

この記事が気に入ったら
いいね ! しよう

Twitter で
Pocket
LINEで送る

Leave a Comment

CAPTCHA