WordPressのテーマ『Cocoon』でプルダウン(ドロップダウン)メニューを作る方法を解説します。
プルダウン(ドロップダウン)メニューとは?
プルダウンメニューとは主要メニューの上にカーソルを持ってきた時に下にピロっと出てくるアレです。
![](https://fromreiwa.com/wp-content/uploads/2021/12/6ca6504c1ff3456e9224b42f56173f6c-1024x482.jpg)
作り方
- ダッシュボードの外観を選択
- メニューを選択
- プルダウンを追加したい既存のメニューを選択 ※ない場合は新しいメニューを作成
- カテゴリーを選択
- プルダウンに追加したいカテゴリにチェック
- メニュに追加を押す
![](https://fromreiwa.com/wp-content/uploads/2021/12/9013ced74db9ad36e35f526a5c4f5978-1024x712.jpg)
↓
プルダウンに追加したいカテゴリがメニューに追加されるのでマウスで1つづつプルダウンを作成したい主要メニュの下にドラッグ&ドロップする。(今回は『その他』のメニューの下にプルダウンメニューを配置してみる)
ドロップする際に一番左まで持っていかず少し隙間が空く状態で配置する。
![](https://fromreiwa.com/wp-content/uploads/2021/12/77eda639cb5e606e4bfc2efee735cf20-1024x778.jpg)
↓
下の画像の様に少し隙間が空いた状態で配置できていればOK!
右下のメニューの保存を押すと最初の画像のようなプルダウンメニューが完成です。
![](https://fromreiwa.com/wp-content/uploads/2021/12/56718804ebd2d9986c7bd8ce8688f333-1024x554.jpg)
コメント