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

Article views451 VIEW

b1f84567 s - Wordpress jqueryでカテゴリーを開閉式にするWordPressでサイトを作成していると、カテゴリーが膨大になってしまう事が無いだろうか?

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

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

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

jqueryを用意

jqueryを用意します。

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

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

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

カテゴリ表示部分

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

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

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

参考にしたサイト

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

Pocket
pinit fg en rect gray 28 - Wordpress jqueryでカテゴリーを開閉式にする
line88x20 - Wordpress jqueryでカテゴリーを開閉式にする
[`evernote` not found]

Leave a Comment

CAPTCHA