グローバルナビがマウスホバーで日本語から英語に切り替わる、アイコン付きのデザインです。
デモサイト https://wsp-demo24.hp1.work/ で実物をご覧いただけます。
- 英語から日本語に切り替わる設定も可能です。
- メニューの CSS class に
fa-solid fa-houseのように入力してアイコンを指定するやり方になっています。 - アイコンの色は キーカラー 1 です。
- グローバルナビのフォントを Noto Sans JP にしてあります。
サイトの標準フォントも Noto Sans JP になっています。 - アイコンと文字を重ねるデザインができます。→ こちらのページで実物をご覧いただけます。
- サイトヘッダーを透過にすることができます。→ こちらのページで実物をご覧いただけます。
グローバルナビの仕様について
このページで説明されているサイトヘッダーをお使いになる場合、下記を目安にグローバルナビのメニューを作成していただくようお願いいたします。
- メニューの数は最大6つまで
- メニューの項目の文字数は最大6文字まで
文字数が多い場合はメニューの数を減らしてください。
この範囲を超えるとレイアウトがくずれる可能性があります。ご了承ください。
上記は最上位のメニューについての制約事項です。サブメニューにはこの制約はありません。
ご相談・お問い合わせ
CONTACT US
WordPress サイト開設スターターパック
に関することならなんでもどうぞ
お電話のお問い合わせ
025-779-2843
メールのお問い合わせ
