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

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

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

  • メニューの数は最大5つまで
  • メニューの項目の文字数は最大6文字を目安にできるだけ少なく

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

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

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

マウスホバーでボタンが押されたような沈み込む動作をします。

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

マウスホバー時のボタンの色およびサブメニューの色は キーカラー になっています。

スクロール時

マウスホバーで下のボーダーが中央から外側に向かって伸びる動作をします。

スクロール時

アイコン表示もできます

以下の例のようにナビ項目の先頭に Font Awesome アイコンを表示することができます。

ナビ項目の先頭に Font Awesome アイコンを表示することができます。

アイコンを表示する場合は文字数の制約が厳しくなります。