ナビゲーションメニューの表示をカスタマイズする
名前の表示制御、ホームボタンの追加、その他の表示オプションの設定により、ナビゲーションメニューの見た目をカスタマイズする方法をご紹介します。
メニューにどのリンクが表示されるかを選択するだけでなく、ナビゲーションメニューの表示方法をカスタマイズできます。名前を表示するかを制御したり、ホームボタンを追加したり、その他の表示オプションを設定したりできます。
メニュー表示オプションの概要
カスタマイズできる項目:
メニューに名前を表示: ナビゲーションバーにカップル名を表示
メニューにホームページリンクを表示: 専用のホームボタンを追加
ホームページリンクテキスト: ホームボタンに表示されるテキストをカスタマイズ
メニューに言語を表示: 言語リンクを表示(別記事で説明)
メニューにチェックインリンクを表示: チェックインボタンを表示(別記事で説明)
メニューに出欠回答リンクを表示: 出欠回答ボタンを表示(別記事で説明)
これらのオプションはすべてサイト設定 → メニュータブにあります。
メニューに名前を表示する
これにより、カップル名がナビゲーションバーに表示されます。
有効にする方法:
1. ウェブサイト → サイト設定 → メニュータブに移動します
2. メニューに名前を表示トグルを見つけます
3. オンにします
4. 変更を保存をクリックします
動作:
- 名前がメニューに表示されます(多くの場合、左側または中央)
- 名前をクリックすると通常、ゲストはホームページに戻ります
- ホームリンクとブランディング要素として機能
使うとき:
- 常に名前を見せたい
- ブランディングが重要
- カスタムメニューロゴを使用していない
スキップするとき:
- カスタムメニューロゴを代わりに使用している
- ミニマルメニューを好む
- テーマが他の場所に名前を表示している
カスタムメニューロゴオプション
メニューに名前を表示がオンの場合、オプションでテキスト名を置き換えるカスタムメニューロゴをアップロードできます。
詳細はカスタムメニューロゴの編集に関する記事をご覧ください。
メニューにホームページリンクを表示する
これにより、名前とは別の専用「ホーム」ボタンがメニューに追加されます。
有効にする方法:
1. ウェブサイト → サイト設定 → メニュータブに移動します
2. メニューにホームページリンクを表示トグルを見つけます
3. オンにします
4. ホームページリンクテキストフィールドが下に表示されます
5. オプションでテキストをカスタマイズします(デフォルトは「ホーム」)
6. 変更を保存をクリックします
動作:
- クリック可能なホームリンクをメニューに追加
- クリック時にゲストをホームページに戻す
- 名前/ロゴとは別
使うとき:
- 明示的な「ホーム」ボタンが欲しい
- メニューにすでにホームページリンクが含まれていない
- メニューに名前を表示していない
- ゲストが迷子になって戻る簡単な方法が必要
スキップするとき:
- メニューの名前がすでにホームリンクとして機能している
- ナビゲーションリンクに「ホーム」ページがある
- メニューがすでに混雑している
ホームページリンクテキストのカスタマイズ
メニューにホームページリンクを表示を有効にした後、ボタンに表示されるテキストを変更できます:
デフォルト: 「ホーム」
その他のオプション:
- 「ホームページ」
- 「メイン」
- 「スタート」
- 「ようこそ」
- お二人の名前(「Emily & Jordan」)
- 結婚式のハッシュタグ
短く明確に保ってください。
名前とホームボタン
以下が可能です:
名前のみ: メニューの名前がホームリンクとして機能
ホームボタンのみ: 専用ホームボタン、名前は表示されない
両方: 名前とホームボタン(冗長かもしれません)
どちらもなし: ページリンクのみのミニマルメニュー
ほとんどのカップルは名前またはホームボタンのどちらかを選び、両方は選びません。
メニュー構造の例
オプション1:名前 + ページリンク
- Emily & Jordan | Our Story | Events | Travel | RSVP
オプション2:ホームボタン + ページリンク
- Home | Our Story | Events | Travel | RSVP
オプション3:ロゴ + ページリンク
- [ロゴ画像] | Our Story | Events | Travel | RSVP
オプション4:ミニマル
- Our Story | Events | Travel | RSVP
デザインに合うものを選んでください。
名前メニューフォーマット(カスタムロゴ)
メニューに名前を表示がオンの場合、2つのサブオプションがあります:
テキスト名: テキストとしてのカップル名(デフォルト)
カスタムメニューロゴ: テキストを置き換える画像をアップロード
メニューに名前を表示トグルの下にあるカスタムメニューロゴセクションをご覧ください。
メニュー構成のテスト
カスタマイズ後:
ライブ結婚式ウェブサイトを訪問します
ナビゲーションメニューを見ます
名前/ホームボタンが期待通り表示されることを確認します
クリックしてホームページに移動することを確認します
モバイルでメニューがどのように折りたたまれるかをテストします
他の人にナビゲーションが理解できるか聞いてみます
モバイルメニューの動作
モバイルでは、メニューは通常ハンバーガーアイコンに折りたたまれます。展開すると:
名前/ロゴ: 多くの場合、展開されたメニューの上部に表示
ホームボタン: メニュー項目として表示
すべてのリンク: 縦に並ぶ
構成がモバイルでうまく機能することを確認してください。
メニューブランディング戦略
ヘビーブランディング:
- 名前を表示:オン
- カスタムメニューロゴをアップロード
- すべてのページとリンクを慎重に厳選
機能的:
- ホームページリンクを表示:オン
- クリアでシンプルなページリンク
- 名前なし(またはサイトの他の場所に名前を表示)
ミニマル:
- 名前もホームボタンもなし
- 必須ページリンクのみ
- クリーンで整理されている
結婚式のスタイルに基づいて選んでください。
メニュー機能の組み合わせ
複数のメニュー機能を組み合わせることができます:
メニューに名前 + 出欠回答ボタン
ホームボタン + チェックインボタン
カスタムメニューロゴ + 言語リンク
上記すべて!
ただし、過密に注意してください。項目が多すぎるとナビゲーションが混乱します。
メニューの位置とスタイル
これらの設定は、メニューに何が表示されるかを制御します。テーマは以下を制御します:
メニューの配置場所(上部、側面など)
スタイル(色、フォント、間隔)
動作(スティッキー、折りたたみ可能など)
デザインの変更については、サイト設定 → デザインタブをご覧ください。
よくある構成
伝統的:
- メニューに名前を表示:オン
- ホームページリンクを表示:オフ(名前がホームリンクとして機能)
- すべての主要ページへのページリンク
モダンミニマル:
- メニューに名前を表示:オフ
- ホームページリンクを表示:オフ
- ページリンクのみ、非常にクリーン
ブランド:
- メニューに名前を表示:オン
- カスタムメニューロゴをアップロード
- ステーショナリーや招待状と一貫性
機能最大:
- ホームページリンクを表示:オン
- 出欠回答リンクを表示:オン
- チェックインリンクを表示:オン
- すべての重要機能にすぐアクセス可能
メニュー要素の無効化
有効にした要素を削除するには:
サイト設定 → メニュータブに移動します
関連するトグルをオフにします
変更を保存をクリックします
要素がメニューから消えます。
ヘッダーの名前とメニューの名前
ヘッダーの名前: 大きく、目立つ、メインヘッダーエリア(ヘッダータブ参照)
メニューの名前: 小さく、ナビゲーションバーに、常に表示
これらは別の設定です!以下が可能です:
- ヘッダーとメニューの両方に名前
- ヘッダーのみに名前(最も一般的)
- メニューのみに名前(あまり一般的でない)
- どちらにも名前なし(ミニマリスト)
結婚式後
結婚式後にメニューを調整することもあります:
出欠回答/チェックインボタンを削除: もう必要ない
ナビゲーションを簡素化: リンクを減らし、よりクリーンなルック
ブランディングを維持: 思い出のために名前またはロゴ
メニューはニーズの変化に合わせて進化できます。
ナビゲーションメニューの表示をカスタマイズすることで、結婚式ウェブサイトに最適なブランディング、機能性、クリーンデザインのバランスを作り出すことができます。
