グローバルナビの仕様について
このページで説明されているサイトヘッダーをお使いになる場合、下記の範囲内でグローバルナビのメニューを作成していただくようお願いいたします。
- メニューの数は最大5つまで
- メニューの項目の文字数は最大6文字まで
この範囲を超えるとレイアウトがくずれる可能性があります。ご了承ください。
上記は最上位のメニューについての制約事項です。サブメニューにはこの制約はありません。
プラグイン UJS Site Header Customize を使用する。
- ヘッダーに背景色を設定してあります。
※背景色に合うヘッダーロゴ画像をご用意いただく必要があります。 - グローバルナビの最後のメニュー2つを目立たせています。
ページ先頭を表示しているとき
キーカラー #1e73be カスタムカラー 1#dd3333
以下の部分の色は キーカラー になっています。
- ヘッダー背景色
- 最後から2番目のメニューのアイコンとテキスト (最後から2番目のメニューの背景色は白です)
以下の部分の色は カスタムカラー 1 になっています。
- 最後のメニューの背景色
マウスホバー効果を設定してあります。
スクロール時
バリエーション(1)
すべてのメニュー項目にアイコンをつけることもできます。
バリエーション(2)
すべてのメニュー項目にアイコンをつけないシンプルなデザインにもできます。
バリエーション(3)
キーカラー #d90b91 カスタムカラー 1#a6034f
すべてのメニュー項目にアイコンと英語表記をつけるデザインにもできます。
バリエーション(4)
キーカラー #d90b91 カスタムカラー 1#a6034f
アイコンなしで、テキストと英語表記のデザインにもできます。