デモサイト https://wsp-demo08.hp1.work/ で実物をご覧いただけます。

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

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

  • メニューの数を4つに限定します。
  • メニューの項目の文字数は最大6文字まで

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

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

  • ヘッダーロゴ画像を中央に配置しています。
  • アイコンを表示する前提のデザインです。使用できるアイコンは Font Awesome です。
  • アイコンの色はカスタムカラーですので、お客様側で変更可能です。
     メニュー1つめ:カスタムカラー 1
     メニュー2つめ:カスタムカラー 2
     メニュー3つめ:カスタムカラー 3
     メニュー4つめ:カスタムカラー 4

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

カスタムカラー 1 #000080 カスタムカラー 2 #bf0000 カスタムカラー 3 #ff0000 カスタムカラー 4 #004000

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

サブメニューを開いた状態

サブメニューの背景色はキーカラーが設定されています。

キーカラー #000080

サブメニューを開いた状態

スクロール時

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

スクロール時