ルクセリタスのグローバルナビメニュー作成・設定方法～カスタマイズ
ルクセリタスには「グローバルナビメニュー」と「ヘッダー上の帯状メニュー」の２つがあります。
メニューの作成は２か所から可能です。
- ルクセリタスのカスタマイザー「外観」→「カスタマイズ」→「メニュー」
- 「外観」→「メニュー」
今回は、サイトのメインメニューとなる「グローバルナビ」の設定方法です。
目次
グローバルナビメニューを作る
外観→メニューから作成
メニューの作成はルクセリタスのカスタマイザーからも行えますが、「外観」→「メニュー」で作成・編集する事も可能です。
こちらの方が使いやすい為、先にメニューはそちらから作成しておいて、ルクセリタスのカスタマイザーからグローバルナビ設定と詳細設定を行うのがお勧めです。
「外観」→「メニュー」から作成・編集する場合は以下をご覧ください。
https://ayaito.net/wordpress/manual/7252/
上記方法でメニューを作成した場合は、以下の「ルクセリタスカスタマイザーから作成する場合」の項を飛ばして デザインの変更 へお進み下さい。
ルクセリタスカスタマイザーから作成する場合
新規作成
「外観」→「カスタマイズ」を開きます。
「メニュー」を選択します。
「メニューを新規作成」ボタン
わかりやすい名前を付け「グローバルナビ」にチェックを入れて「次へ」ボタン
項目追加
「項目を追加」ボタン
表示したい項目を「+」を押して追加
カスタムリンク、固定ページ、投稿、カテゴリーをそれぞれ開いて選択します。
ラベル入力
ラベルを入力
追加した項目の右上の▲を開いて編集できます。
「Home」メニュー追加
メニューに「Home」などを追加したい際は、「カスタムリンク」で設定します。
並べ替え
「並べ替え」ボタンを押し、並び順を変更できます。
矢印マークを押して並べ替え「完了」を押します。
副項目（親子）設定
ドラッグ＆ドロップで親にしたい項目の下で少しずらして配置します。
最後に公開を押せば完了です。
デザインの変更
「外観」→「カスタマイズ」→「ヘッダーナビ」を選択します。
色の設定
ナビバーの背景色、文字色、ホバー色、枠線の色や有無、余白の設定や、モバイル画面でのメニュー表示方法を選択し、見え方を確認できます。
それぞれを好みの色に設定します。
色の変更には以下もご利用下さい。
アニメーション設定
カーソルが載った際、「上方移動」するのアニメーション効果を選択可能です。
「Luxeritas」→「カスタマイズ」を開き「アニメーション」を選択します。
モバイルメニュー選択
画面サイズごとの確認は、カスタマイザーの左メニュー下にあるアイコンの選択で行います。
豪華バージョン
「Menu」展開例
Sidebar展開例
グローバルナビ
ハンバーガーメニューで「メニュー」とだけ表示され、クリックすると展開します。
カスタマイズ
ナビバーの右寄せ
以下のCSSで可能です。
<span class="token comment">/* ナビ右寄せ */</span> <span class="token selector">#gnavi ul</span> <span class="token punctuation">{</span><span class="token property">float</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span><span class="token punctuation">}</span>
アイコンフォントを利用
この方法は以下をご覧ください。
