WordPressテーマルクセリタス｜メニュー作成でグローバルナビゲーションを表示する

Webサイトでよく見かけるタイトルの上下などにあるナビリンクは
サイト内のコンテンツを分かりやすく表示することができます。

WordPressテーマのルクセリタスではメニュー機能を使って
独自に作成したメニューをグローバルナビやサイドバーに設置することができます。

このグローバルナビゲーションとメニューの作成についてまとめていきます。

Contents - 目次 -

グローバルナビゲーションとは？

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

WordPressのテーマによってメニューバーの位置なども違ってくるようですが
グローバルナビゲーションはサイトタイトルの上下、Webサイトの一番上に帯状に設置するメニューなどもあります。

ルクセリタスでの場合、外観の項目 > メニューを選択し、グローバルナビゲーションやサイドバーに設置するメニューを作成。

① 外観カスタマイズからグローバルナビゲーションや帯状のメニューの設定

② ウィジェットの設置画面からサイドバーやフッターに設置するなど使いかたがいくつかあります。

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

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

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

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

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

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

メニューに追加したページのラベル変更と配置を設定していきます。

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

編集するには項目の右の ▼ をクリックしメニューを開きます。

順序の入れ替えは " 一つ上へ " や " ～の下へ " のクリックでもからもできますが
メニューバーを左クリックしたままドラッグ＆ドロップで移動することもできます。

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

どのメニューをどの位置に表示させるのか？また、編集するメニューをここから選択していきます。

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

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

フッターナビについて…

フッターは投稿記事より下の部分です。
使用しているテーマによってメニュー項目にフッターがない場合でも
ウィジェットからフッターにメニューを表示することが出来ます。

外観カスタマイズからメニューやグローバルナビゲーションなどの表示イメージを確認していきます。

作成したメニューを外観カスタマイズからの画面で見ていきます。

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

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

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

メニュー機能を使ってサイドバーのカテゴリー作成もできます。詳しくはこちら↓
カテゴリーの一覧表示と Font Awesome アイコンを表示させるCSS｜ルクセリタス

Posted by 45