【WordPress】スマホ用メニューの作り方【テーマ開発】

テーマ「SIMPLE」では、スマートフォンの画面下部にメニューを設定することができます。

本記事では、テーマ「SIMPLE」でスマホ下部メニューを設定する方法を解説します。

具体的な手順は、以下の通りです。

• 新しいメニューを作成する
• メニューに項目を追加する
• アイコンを追加する
• メニューの位置を「スマホ下部メニュー」に設定する

詳しく解説していきます。

テーマ「SIMPLE」でスマホ下部メニューを設定する方法

新しいメニューを作成する

まずは、WordPressの管理画面にログインして「外観 → メニュー」に移動します。

「新しいメニューを作成しましょう。」をクリックして、メニューの作成画面に移動します。

メニューの名前を入力して、「メニューを作成」をクリックします。

WordPressで新規メニューを作成する詳しい方法は、以下の記事をご覧ください。

【WordPress】メニューの使い方と作成方法を解説【コードあり】 今回は、WordPressでメニューを作成する方法と、使い方について解説していきます。 #wordpressテーマ制作 3日くらい試行錯誤してよ…

メニューに項目を追加する

スマホ下部メニューに表示したいコンテンツを選んで、追加します。

上記の例では、固定ページを追加しています。

アイコンの設定をする

アイコンを設定するには、まず表示したいアイコンのコードを「FontAwesome」で取得します。

コードを取得したら、追加したメニュー項目の「説明」に、取得したコードを貼り付けます。

「説明」の項目が見つからない時は、画面上部の「表示オプション」を開いて「詳細メニュー設定を表示」の「説明」のチェックボックスにチェックを入れると表示されます。

メニューの位置を「スマホ下部メニュー」に設定する

画面下の方に、「メニューの位置」という項目があるので、「スマホ下部メニュー」のチェックボックスにチェックを入れます。

これで、さっき追加した項目がスマホ下部メニューに表示されます。