ハンバーガーメニューとは三本線で表示されるメニューアイコンです。ドロワーメニューはハンバーガーメニューをクリックすると左から画面に表示されるメニュー一覧です。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/05/hamburger-drawer-menu-01.png)
表示設定
事前にヘッダーメニューの設定が必要です。ヘッダーメニューの設定方法は下記URLからご確認ください。
ハンバーガーメニュー
外観>カスタマイズ>ヘッダー設定>ハンバーガーメニューに移動します。メニュー名や配色を指定します。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/05/hamburger-drawer-menu-02.png)
ドロワーメニュー
外観>カスタマイズ>ヘッダー設定>ドロワーメニューに移動します。メニューリストのデザインや見出しのスタイル・配色などを設定します。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/05/hamburger-drawer-menu-03.png)
下記はドロワーメニューの表示例です。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/05/hamburger-drawer-menu-04.png)
- 見出しデザイン:左右線
- メニューリスト 親リスト要素:矢印
- ウィジェット>ドロワーメニュー下部にブロック配置
ウィジェット>ドロワーメニュー
外観>ウィジェットにドロワーメニュー専用のウィジェットエリアがあります。す。ドロワーメニュー[上部]はメニューの上、ドロワーメニュー[下部]はメニューの下に表示されます。
![](https://wp-emanon.jp/emanon-pro/wp-content/uploads/2023/05/hamburger-drawer-menu-05.png)