サイトヘッダーを透過にして、グローバルナビがマウスホバーで英語から日本語に切り替わるデザインです。
日本語から英語に切り替わる設定も可能です。
デモサイト https://wsp-demo22.hp1.work/ で実物をご覧いただけます。
グローバルナビの仕様について
このページで説明されているサイトヘッダーをお使いになる場合、下記を目安にグローバルナビのメニューを作成していただくようお願いいたします。
- メニューの数は最大6つまで
- メニューの項目の文字数は最大6文字まで
文字数が多い場合はメニューの数を減らしてください。
この範囲を超えるとレイアウトがくずれる可能性があります。ご了承ください。
上記は最上位のメニューについての制約事項です。サブメニューにはこの制約はありません。
- サイトヘッダーを透過にする前提のデザインです。
- ページヘッダーは「⑪ 背景に画像 白文字」をお選びいただく前提のデザインになっています。
- サイトの標準フォントを Noto Sans JP にしてあります。
- 実際のサイトに合わせて、プラグインの以下の行を書き換えてください。
--ujs_menu_height: 74px; /* 実際のグローバルナビの高さをここに入れてください。 */
ページ先頭を表示しているとき
サブメニューを開いた状態
サブメニューのマウスホバー時の背景色はキーカラーです。
スクロール時
ご相談・お問い合わせ
CONTACT US
WordPress サイト開設スターターパック
に関することならなんでもどうぞ
お電話のお問い合わせ
025-779-2843
メールのお問い合わせ