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