メインコンテンツにスキップ

ナビゲーションメニューの表示をカスタマイズする

名前の表示制御、ホームボタンの追加、その他の表示オプションの設定により、ナビゲーションメニューの見た目をカスタマイズする方法をご紹介します。

対応者:Brian
今日アップデートされました

ナビゲーションメニューの表示をカスタマイズする

名前の表示制御、ホームボタンの追加、その他の表示オプションの設定により、ナビゲーションメニューの見た目をカスタマイズする方法をご紹介します。

メニューにどのリンクが表示されるかを選択するだけでなく、ナビゲーションメニューの表示方法をカスタマイズできます。名前を表示するかを制御したり、ホームボタンを追加したり、その他の表示オプションを設定したりできます。

メニュー表示オプションの概要

カスタマイズできる項目:

メニューに名前を表示: ナビゲーションバーにカップル名を表示

メニューにホームページリンクを表示: 専用のホームボタンを追加

ホームページリンクテキスト: ホームボタンに表示されるテキストをカスタマイズ

メニューに言語を表示: 言語リンクを表示(別記事で説明)

メニューにチェックインリンクを表示: チェックインボタンを表示(別記事で説明)

メニューに出欠回答リンクを表示: 出欠回答ボタンを表示(別記事で説明)

これらのオプションはすべてサイト設定メニュータブにあります。

メニューに名前を表示する

これにより、カップル名がナビゲーションバーに表示されます。

有効にする方法:
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つのサブオプションがあります:

テキスト名: テキストとしてのカップル名(デフォルト)

カスタムメニューロゴ: テキストを置き換える画像をアップロード

メニューに名前を表示トグルの下にあるカスタムメニューロゴセクションをご覧ください。

メニュー構成のテスト

カスタマイズ後:

  1. ライブ結婚式ウェブサイトを訪問します

  2. ナビゲーションメニューを見ます

  3. 名前/ホームボタンが期待通り表示されることを確認します

  4. クリックしてホームページに移動することを確認します

  5. モバイルでメニューがどのように折りたたまれるかをテストします

  6. 他の人にナビゲーションが理解できるか聞いてみます

モバイルメニューの動作

モバイルでは、メニューは通常ハンバーガーアイコンに折りたたまれます。展開すると:

名前/ロゴ: 多くの場合、展開されたメニューの上部に表示

ホームボタン: メニュー項目として表示

すべてのリンク: 縦に並ぶ

構成がモバイルでうまく機能することを確認してください。

メニューブランディング戦略

ヘビーブランディング:
- 名前を表示:オン
- カスタムメニューロゴをアップロード
- すべてのページとリンクを慎重に厳選

機能的:
- ホームページリンクを表示:オン
- クリアでシンプルなページリンク
- 名前なし(またはサイトの他の場所に名前を表示)

ミニマル:
- 名前もホームボタンもなし
- 必須ページリンクのみ
- クリーンで整理されている

結婚式のスタイルに基づいて選んでください。

メニュー機能の組み合わせ

複数のメニュー機能を組み合わせることができます:

  • メニューに名前 + 出欠回答ボタン

  • ホームボタン + チェックインボタン

  • カスタムメニューロゴ + 言語リンク

  • 上記すべて!

ただし、過密に注意してください。項目が多すぎるとナビゲーションが混乱します。

メニューの位置とスタイル

これらの設定は、メニューに何が表示されるかを制御します。テーマは以下を制御します:

メニューの配置場所(上部、側面など)

スタイル(色、フォント、間隔)

動作(スティッキー、折りたたみ可能など)

デザインの変更については、サイト設定デザインタブをご覧ください。

よくある構成

伝統的:
- メニューに名前を表示:オン
- ホームページリンクを表示:オフ(名前がホームリンクとして機能)
- すべての主要ページへのページリンク

モダンミニマル:
- メニューに名前を表示:オフ
- ホームページリンクを表示:オフ
- ページリンクのみ、非常にクリーン

ブランド:
- メニューに名前を表示:オン
- カスタムメニューロゴをアップロード
- ステーショナリーや招待状と一貫性

機能最大:
- ホームページリンクを表示:オン
- 出欠回答リンクを表示:オン
- チェックインリンクを表示:オン
- すべての重要機能にすぐアクセス可能

メニュー要素の無効化

有効にした要素を削除するには:

  1. サイト設定メニュータブに移動します

  2. 関連するトグルをオフにします

  3. 変更を保存をクリックします

要素がメニューから消えます。

ヘッダーの名前とメニューの名前

ヘッダーの名前: 大きく、目立つ、メインヘッダーエリア(ヘッダータブ参照)

メニューの名前: 小さく、ナビゲーションバーに、常に表示

これらは別の設定です!以下が可能です:
- ヘッダーとメニューの両方に名前
- ヘッダーのみに名前(最も一般的)
- メニューのみに名前(あまり一般的でない)
- どちらにも名前なし(ミニマリスト)

結婚式後

結婚式後にメニューを調整することもあります:

出欠回答/チェックインボタンを削除: もう必要ない

ナビゲーションを簡素化: リンクを減らし、よりクリーンなルック

ブランディングを維持: 思い出のために名前またはロゴ

メニューはニーズの変化に合わせて進化できます。

ナビゲーションメニューの表示をカスタマイズすることで、結婚式ウェブサイトに最適なブランディング、機能性、クリーンデザインのバランスを作り出すことができます。

こちらの回答で解決しましたか?