サイトヘッダーを透過にして、グローバルナビがマウスホバーで英語から日本語に切り替わるデザインです。
日本語から英語に切り替わる設定も可能です。

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

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

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

  • メニューの数は最大6つまで
  • メニューの項目の文字数は最大6文字まで
    文字数が多い場合はメニューの数を減らしてください。

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

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

  • サイトヘッダーを透過にする前提のデザインです。
  • ページヘッダーは「⑪ 背景に画像 白文字」をお選びいただく前提のデザインになっています。
  • サイトの標準フォントを Noto Sans JP にしてあります。
  • 実際のサイトに合わせて、プラグインの以下の行を書き換えてください。
    --ujs_menu_height: 74px; /* 実際のグローバルナビの高さをここに入れてください。 */

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

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

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

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

サブメニューのマウスホバー時の背景色はキーカラーです。

スクロール時

スクロール時

ご相談・お問い合わせ

CONTACT US

WordPress サイト開設スターターパック
に関することならなんでもどうぞ

お電話のお問い合わせ

025-779-2843

メールのお問い合わせ