スマートフォン・タブレットで閲覧している場合に表示されるモバイルフッターメニューにドロワーメニューの開閉ボタンを追加する方法について紹介します。
モバイルフッターメニュー・ドロワーメニューについて
ドロワーメニュー・モバイルフッターメニューについてはこちらのマニュアルを参考にして設定してください▼
![モバイルフッター固定メニュー設定](https://wp-ystandard.com/wp/wp-content/uploads/2019/06/yuu1226IMGL0009_TP_V-1024x682.jpg)
![ドロワーメニュー設定](https://wp-ystandard.com/wp/wp-content/uploads/2020/03/image-menus-1024x683.jpg)
グローバルナビゲーションの折りたたみ表示、ドロワーメニュー(開閉式のメニュー)に関する設定について説明します。 カスタマイザーの「[ys]デザイン」→「ドロワー…
wp-ystandard.com
メニューの設定
![](https://wp-ystandard.com/wp/wp-content/uploads/2022/08/mobile-footer-button-toggle-drawer-menu-01.png)
まずはモバイルフッターメニューにドロワーメニュー開閉用のメニューをカスタムリンクで追加します。
リンク先URLは「#
」など任意のものにしてください。
ポイントになるのは「CSS Class(オプション)」です。
CSS Class(オプション)欄にdrawer-menu-toggle
を設定してください。
このクラスがついた要素はすべてメニュー開閉ボタンとして機能します。
※モバイルフッター以外の要素でもドロワーメニュー開閉ボタンとして機能します。
モバイルフッターからもメニューの開閉ができるようになりました。