Navbar Proの設定リファレンス
Blocsのサイドバーで調整する項目の一覧です。操作の順序や入力形式は使い方，表示例は紹介を参照してください。
設定項目
初期値は，新しく配置したNavbar Pro 1.0.11の保存内容を基準にしています。既存プロジェクトでは，保存済みの値が優先されます。
Logo
| 設定 | 初期値 | 内容・設定範囲 |
|---|---|---|
| Logo Light | 未設定 | 明るい背景で使うロゴ画像 |
| Logo Dark | 未設定 | 暗い背景で使うロゴ画像。両方の画像を登録 |
| Logo Link | / | ロゴをクリックしたときの移動先 |
| Logo Height | 40 | ロゴの高さ。16〜160px |
| Bar Height | 64 | バーの高さ。32〜200px。表示時はロゴの高さ以上に補正 |
| Bottom Border | ON | バー下部に1pxの罫線を表示。Clearで重なっている間は罫線も透明 |
| Limit Max Width | ON | 内側に最大幅を設定して中央寄せ |
| Max Width | 90rem | 最大幅。Limit Max WidthがONのときに使用。単位なしの数字はrem |
Colors
| 設定 | 初期値 | 内容 |
|---|---|---|
| Link Light | #3C3C43 | ライト表示の通常リンク色 |
| Highlight Light | #E20714 | ライト表示のホバー，現在ページ，現在言語の強調色 |
| Link Dark | #EBEBEF | ダーク表示の通常リンク色 |
| Highlight Dark | #FF6B6B | ダーク表示のホバー，現在ページ，現在言語の強調色 |
Menu
| 設定 | 初期値 | 内容 |
|---|---|---|
| Links | Home|/ | 表示名とURLを1行ずつ入力。1階層のメニュー |
| Languages | *English|/日本語|/ja/ | 言語名と言語ディレクトリを1行ずつ入力。キャンバス上の現在言語は行頭に*。空欄で非表示 |
| Language Position | Before path | 言語ディレクトリの位置。Before pathでは先頭，After pathではサイトの先頭ディレクトリの直後 |
| Link Size | 14 | メニューリンクの文字サイズ。10〜32px。バーとハンバーガーメニューに適用 |
| Language Size | 12 | 言語リンクの文字サイズ。10〜32px。バーとハンバーガーメニューに適用 |
Behavior
| 設定 | 初期値 | 内容 |
|---|---|---|
| Toggle | LG | LG・MD・SM・XSから，ハンバーガーへ切り替える幅を選択 |
| Scroll Hide | ON | 下スクロールで隠し，上スクロールで再表示 |
| Appearance Slider | ON | 明暗スイッチと，保存値・OS設定による明暗の適用を有効化 |
| Appearance Label | Appearance | モバイルメニュー内の明暗切替行のラベル |
| Storage Key | navbar-pro-appearance | ブラウザーに明暗の選択を保存するキー |
Overlay
| 設定 | 初期値 | 内容 |
|---|---|---|
| Class | 空欄 | バーと重なったときにOverlayを適用する要素のクラス名 |
| Overlay | Off | Off・Clear・Thin white・Thin blackから選択。Classも指定 |