Cherieのドロワーメニューの仕様とそのカスタマイズ

Cherieでは、PCでもドロワーメニューを表示できる仕様です。右上のバーガーアイコンに格納されています。

バーガーアイコンをクリックすると次のように展開します。

アイコン画像や、サブタイトルも一緒に登録できます。もちろん、シンプルにメニュー名だけも登録可能です。全画面で表示され、アイコンで直感的に誘導できるタイプです。

ただ、デザイン上サブメニューを設定することはできないんですよね。そのため、Cherieで一般的なメニュー形式でも表示できるようになっています。こちらならサブメニューを登録可能です。

2023.03.14 2023.07.14

2タイプから選べるヘッダーメニュー

Cherieのヘッダーメニューは2タイプから選べる仕様になっています。 一般的なこういったナビゲーションメニューと 右側のバーガーアイコンに格納されたドロワーメニューです。 ↑のキャプチャで...

また、スマホのドロワーにはサブメニューを設定可能です。

メニュー設定の「メニューの位置」が以下のように分かれているため、モバイル用のメニューを別途設定できます。

PCとスマホのメニューで、それぞれ導線を考えてカスタマイズしてみてください。メニューはWordPress側で設定するので、詳しい設定方法についてはこちらの記事も参考にご覧ください。

WordPressのナビゲーションメニューの設定方法 – ワードプレステーマTCD

WordPressサイトのヘッダーやフッターのメニュー項目は、管理画面から設定できます。例えば、当サイトのグローバルメニューもナビゲーションメニュー機能で作成しています。