ハンバーガーメニューとは三本線で表示されるメニューアイコンです。ドロワーメニューはハンバーガーメニューをクリックすると左から画面に表示されるメニュー一覧です。

表示例

表示設定

事前にヘッダーメニューの設定が必要です。ヘッダーメニューの設定方法は下記URLからご確認ください。

ハンバーガーメニュー

外観>カスタマイズ>ヘッダー設定>ハンバーガーメニューに移動します。メニュー名や配色を指定します。

ドロワーメニュー

外観>カスタマイズ>ヘッダー設定>ドロワーメニューに移動します。メニューリストのデザインや見出しのスタイル・配色などを設定します。

下記はドロワーメニューの表示例です。

  1. 見出しデザイン:左右線
  2. メニューリスト 親リスト要素:矢印
  3. ウィジェット>ドロワーメニュー下部にブロック配置

ウィジェット>ドロワーメニュー

外観>ウィジェットにドロワーメニュー専用のウィジェットエリアがあります。す。ドロワーメニュー[上部]はメニューの上、ドロワーメニュー[下部]はメニューの下に表示されます。

配置例