WordPressサイドバーのカテゴリをすっきりさせる!

おはこんばんちはMajinです。

だらだらカテゴリ作ってたら長くなりすぎたので“カテゴリを折りたたみ式にしようかなと

長い!ちゃんと考えて整理するのもかねてすっきりさせます。
0000

時間がないので「JQuery Accordion Menu Widgetプラグイン」を導入します。

時間がある人やコード触れるなら

WordPressで、CSS3とhtmlだけでアコーディオンメニューを作る方法
jQueryとCSS3で作るアコーディオンメニュー
[WordPress]jQueryによるカテゴリのアコーディオン表示

など参考ページがあるのでそちらをどうぞ、一長一短あるので良く考えてから導入しましょう。
[adsense]
まず「JQuery Accordion Menu Widget」プラグインを探してインストールして有効にしてください。

「外観」から「メニュー」でウィジット側で読み込む為のカテゴリメニューを作成します
0001

ここはじっくり選択して、はじめはミニマムで確認した方が良いです、間違っても「すべて選択」して「メニューに追加」しないように、
後赤枠で囲ったナビゲーションバーのチェックは外しましょう、外さないとメインメニューにカテゴリが並んじゃいます。
追加したカテゴリは全て左よりで同列になっているので、カテゴリをドラッグして階層を作りましょう
0002

「外観」から「ウィジット」に行って設定です
「タイトル」は表示する名前、メニューは先ほど作ったカテゴリ名を選択、クリックでアコーディオンオープンかカーソルを合わせるとアコーディオンオープンするか選択します
その他のメニューは実際試してみてください
0005

設定が終わったらページで確認します
0004

カテゴリや設定の調整を繰り返しましょう
これですっきりしましたね!
0003

⇒〆の三行

1.やっぱBGMはEDMだね!

2.カテゴリもっと整理しないと!

3.夜食何食おうかな!

んではまた