• SIMPLEとは

  • デモ

  • マニュアル

  • アップデート

  • ブログ

  • ダウンロード

【WordPress】スマホ下部メニューを設定する方法

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

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

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

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

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

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

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

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

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

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

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

【WordPress】メニューの作成方法 WordPressで新規メニューを作成する方法です。 Contents メニューの作成方法 管理画面にログインして「外観 →メニュー 」に移動 …

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

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

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

アイコンの設定をする

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

 → FontAwesomeに移動する

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

コードを貼り付ける時は、クラス内のコードのみを貼り付けてください。
例えば、「<i class=”fas fa-home”></i>」
というコードなら、fas fa-homeのみを貼り付けてください。
「説明」の項目が見つからない時は、画面上部の「表示オプション」を開いて「詳細メニュー設定を表示」の「説明」のチェックボックスにチェックを入れると表示されます。

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

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

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

WordPressテーマ「SIMPLE」

simple

「SIMPLE」は、シンプルなデザインと多彩な機能を兼ね備えたオリジナルWordPressテーマです。

RELATED POSTS

COMMENT FORM

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です