グローバルナビのメニューを設定する方法

テーマ設定
この記事は約1分で読めます。

パソコン等で表示されるグローバルナビメニューを設定する方法です。

一般のグローバルナビは、768pxより大きな幅の端末で表示されます。

768px以下の場合は、モバイル用のグローバルナビが表示されます。

モバイル用のグローバルナビメニューを設定する方法
スマートフォン等の画面の狭い端末で表示するモバイルメニューの設定方法です。

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

グローバルナビメニューの設定方法

WordPress管理画面から「外観→メニュー」を選択してください。

Wordpress管理画面から外観→メニューを開く

「新規メニュー作成」リンクをクリックします。

メニュー管理画面から「新規メニュー作成」リンクをクリック

「メニュー名」を入力して、「メニュー構成」を設定後、「メニューを保存」ボタンを押してください。

グローバルナビメニューの設定

「位置の管理」タブを開いたのち、「ヘッダーナビ」でパソコンで表示する用のメニューを選んだあと、「変更を保存」ボタンを押してください。

ヘッダーナビに作成したメニューを設定する

これでヘッダーのグローバルナビ設定が設定されます。

補足

グローバルナビは、以下のようにサブキャプションも表示することが可能です。

グローバルナビのサブキャプション表示例

メニューアイテムに補足説明を表示するには、以下の記事を参照してみてください。

グローバルナビに補足説明文を記入する方法
グローバルナビの個別メニューアイテムに対して補足文(キャプション)を入力する方法の紹介です。

メニューオプションの「CSS class」にアイコンを表示させるためにFont Awesome用のCSS(fa fa-starなど)を記入しても構造上正常に表示されません。表示が崩れます。

タイトルとURLをコピーしました