【サイトヘッダー】④ ヘッダー背景色／最後のメニューを目立たせる

グローバルナビの仕様について

このページで説明されているサイトヘッダーをお使いになる場合、下記の範囲内でグローバルナビのメニューを作成していただくようお願いいたします。

この範囲を超えるとレイアウトがくずれる可能性があります。ご了承ください。

上記は最上位のメニューについての制約事項です。サブメニューにはこの制約はありません。

ページ先頭を表示しているとき

キーカラー #9c797c　カスタムカラー 1#ea6945

以下の部分の色はキーカラーになっています。

以下の部分の色はカスタムカラー 1 になっています。

マウスホバー効果を設定してあります。

アイコンを白い円に入れたデザインになっています。

現在表示しているページ（またはその親ページ）のメニュー名の下に白いラインが入ります。（この例では「ホーム」）

スクロール時にもヘッダーロゴ画像が表示されます。

すべてのメニュー項目にアイコンをつけることもできます。

すべてのメニュー項目にアイコンをつけないテキストだけのシンプルなデザインにもできます。

すべてのメニュー項目にアイコンと英語表記をつけるデザインにもできます。

アイコンなしで、テキストと英語表記のデザインにもできます。