スマホ用のメニューを変更したいけど、メニューの名前が分からない・・・という人もいますよね。
メニュー名は、「モバイルスライドインメニュー」と言います。
モバイルスライドインメニューは、スマホだけに表示されるメニューです。
スマホのフッター部分に表示されるメニューのこと。
スマホで表示したときに、一番左下に固定されている「メニュー」をクリックすると表示されます。
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
この部分です。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/20220308_154057.jpg?resize=533%2C150&ssl=1)
今回は、ワードプレスでCocoonを利用している人向けに、モバイルスライドインメニューを変更する方法を紹介します。
- スマホに表示されるメニューを変更したい人
モバイルスライドインメニューを変更する方法【Cocoon】
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
することは以下の2つです。
- スマホ用のメニューを新しく作成する
- モバイルスライドインメニューに表示するメニュー項目を選ぶ
スマホ用のメニューを新しく作成する
まずは、ワードプレスの管理画面にログインして、ダッシュボードから、「外観」→「メニュー」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/sketch-1646717575151.jpg?resize=603%2C791&ssl=1)
メニューを編集にある、「新しいメニューを作成しましょう」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/sketch-1646717906653.jpg?resize=624%2C363&ssl=1)
メニュー構造にある、「メニュー名」に、スマホメニューと入力します。
メニュー設定→メニューの位置にある、「モバイルスライドインメニュー」に✓を入れて、「メニューを作成」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/sketch-1646718604185.jpg?resize=575%2C570&ssl=1)
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
これで新しいメニューが作成できました。
モバイルスライドインメニューに表示するメニュー項目を設定する
次は、モバイルスライドインに表示するメニュー項目を設定します。
編集するメニューを選択から、先ほど作成した「スマホメニュー」を選んで「選択」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/sketch-1646719291210.jpg?resize=559%2C164&ssl=1)
あとは表示したいメニューを選ぶだけです。
固定メニュー、投稿した記事、カテゴリなど好きなメニューを選べます。
ドラッグすればメニューの順番の並び替えもできます。
「メニュー項目を追加」から、好きなメニューに✓を入れたら、「メニューに追加」をクリックします。
すると選んだメニューがスマホメニューに追加されるので、右下にある「メニューを保存」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/20220308_151827.jpg?resize=593%2C650&ssl=1)
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
お疲れさまでした。これでスマホ用のメニューを作成できました。
メニュー項目の名前を変更する場合は?
メニュー項目名を変更したい場合は、メニューの横にある▼をクリックすると、個別に設定できます。
ナビゲーションラベルに、好きな名前を入力しましょう。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/03/sketch-1646721083174.jpg?resize=518%2C598&ssl=1)
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
メニューの完成はこちら。
固定ページのメニューを作りました。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/05/20220511_201823.jpg?resize=487%2C751&ssl=1)
まとめ
モバイルスライドインメニューに表示させる、メニューの変更方法を紹介しました。
スマホ用のメニューは、スマホユーザーの利便性を向上させるためにも、設定を変更しておきたいですよね。
今回の記事を参考に、スマホ用のメニューを変更してみてください。