グローバルナビの仕様について
このページで説明されているサイトヘッダーをお使いになる場合、下記の範囲内でグローバルナビのメニューを作成していただくようお願いいたします。
- メニューの数は最大4つまで
- メニューの項目の文字数は最大6文字まで
この範囲を超えるとレイアウトがくずれる可能性があります。ご了承ください。
上記は最上位のメニューについての制約事項です。サブメニューにはこの制約はありません。
プラグイン UJS Site Header Customize を使用する。
- ヘッダーに検索窓を設置してあります。
- ヘッダーの背景色にキーカラーを設定してあります。
- アイコンを表示する前提のデザインです。使用できるアイコンは Font Awesome です。
- メニュー項目の背景色はキーカラーを濃くしたものが設定されています。
- マウスホバーでアイコンが回転します。
ページ先頭を表示しているとき
キーカラー #1c71a6
検索窓を開いた状態
検索窓の背景色はキーカラーを濃くしたものが設定されています。
サブメニューを開いた状態
サブメニューの背景色はキーカラーを濃くしたものが設定されています。
スクロール時
スクロール時も検索窓を使うことができます。