【WordPress】グローバルナビゲーションを使ってメニュー作成｜Luxeritas（ ルクセリタス ）

ヘッダーナビ（グローバルナビゲーション）は Webサイトの
主要なコンテンツにアクセスしやすくするための メニューバー になります。

WordPressのテーマによって メニューバーの位置なども違ってくるようですが
ルクセリタスでは サイトタイトル下に 帯状に設置することができ
より分かりやすいメニューバーを作成することが出来ます。

メニュー作成

初めに 基本的なメニューの作成です。

メニュー名の作成

メニューの作成は ダッシュボード画面の 外観の項目 ＞ メニューから行います。

メニューを作成は、初めての場合は メニュー構造の下のメニュー名から作成
追加する場合は、メニュー構造の上の 新しいメニューを作成しましょう。をクリックし新たなメニュー画面を開きます。

作成したメニュー名は 分かりやすいネーミングがいいですが後から変更可能ですのでとりあえず気軽に付けてみます。

メニュー項目を追加

メニューで表示したい項目を選択します。
設定できる項目は、固定ページ・投稿・カスタムリンク・カテゴリ の４項目です。

それぞれ 特定のページをメニューとして選択することができ
これらのページをミックスし 一つのメニューを作ることができます。

今回、例として 固定ページ1・2 というタイトルのページを作成しました。
メニューに追加するページにチェックを入れ メニューに追加をクリックします。

名前の変更と表示位置の移動

メニュー名は 選択したページ（記事）のタイトルと別の名前を ラベルとして設定でき
また、表示させたい順位や階層を持たせることで メニューをより分かりやすく表示することが出来ます。

メニュー項目の右の ▼ をクリックし メニューラベルを変更します。
順序の入れ替えは下の 移動 からもできますが メニューバーをそのままスライドさせて移動することもできます。

左クリックしたまま スライド移動させると うっすら点線で移動できる位置が表示されます。
少し右に表示される位置に移動させることで このメニューに階層を作ることが出来ます。

メニューの編集

メニューを複数作成した場合、ドロップダウンで編集するメニューを選択します。

表示させるメニューの位置

メニューの表示できる位置は ヘッダー（グローバルナビ）・ヘッダーの上の帯状メニュー
あと、フッターや サイドバーにも設置可能です。

ヘッダーの上の 帯状メニュー はココ ↓

このサイトの上部に グローバルナビゲーションメニューを設置されているサイトも多いですね。

メニューの表示イメージ確認

作成したメニューを 外観カスタマイズからの画面で見ていきます。
外観カスタマイズ → メニュー から　ナビに設定するメニューを選択します。
現在 設定されているメニューの 変更などもここから行えます。

副項目を設定した 固定ページ1 にマウスを当てると 固定ページ2 がプルダウンで表示されます。

メニュー位置の指定と外観カスタマイズ

メニューの項目より少し上段に ヘッダーナビと ヘッダーの上の帯状メニューの設定項目があります。
こちらで メニューを表示させる位置の設定と 外観的なカスタマイズを自由に指定できます。

外観カスタマイズはこちら ↓

サイドバーで表示するカテゴリーをメニューで作成

ウィジェットを使って サイドバーで メニュー機能を使うこともできます。

カテゴリーを表示の場合、ウィジェットから カテゴリーを選択することで
簡単にカテゴリーの一覧を設置することが出来ます。

カテゴリーではドロップダウンでの表示などの選択が可能ですが、
ナビゲーションメニューを利用することで 自由に設定した階層やタイトルを使って
カテゴリを表示することができるのです。

カテゴリーの作成については こちらにまとめてあります。

カテゴリーで メニューを作成

作成方法は 先ほどとほぼ同じです。
まず新しいメニューを作成します。 メニュー名を設定したら メニューを作成をクリック

1. メニュー項目を追加 から カテゴリーを選択します。
2. よく使うものに表示されていない場合は すべてを表示 のタブをクリックし カテゴリを表示させます。
3. 設定したいカテゴリにチェックを入れて メニューに追加をクリックします。
4. Luxeritas 項目を右にずらして 副項目 にすることでWordPress 属性という風に表示できます。

メニューの使いかたについては以上になります。
ナビの使いかたやカテゴリーなど 記事を作成していく中で 表現したいスタイルも
変わっていきますので 初めはあまり　深く考えずに作っていけばいいと思います。