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

ナビゲーションメニューにセクションを追加する

ページ内の特定のセクションに直接ジャンプするクリック可能なメニュー項目を作成します。

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

ナビゲーションメニューにセクションを追加する

ページ内の特定のセクションに直接ジャンプするクリック可能なメニュー項目を作成します。

見出しセクションはナビゲーションメニューにリンクとして表示できます。これにより、ゲストはページの特定の部分に直接ジャンプできます。1ページの結婚式ウェブサイトや複数のセクションを持つ長いページに最適です。

セクションナビゲーションリンクとは?

タイトル付きの見出しセクションをページに追加すると、メニューのクリック可能なリンクになります。ゲストがクリックすると、ページのそのセクションにジャンプします。

スムーズスクロール: ほとんどのテーマはセクションにスムーズにスクロールします。

アンカーリンク: ページのその部分への直接リンクを作成します。

1ページサイトに最適: すべてのコンテンツが1ページにあり、メニューでゲストのナビゲーションを助けます。

ナビゲーションに入れられるセクションはどれ?

タイトル付きの見出しセクションのみナビゲーションオプションに表示されます。

ナビゲーションリンクセクションでは、これらはミントグリーンのセクションラベルが隣に表示されます。

他のセクションタイプ(段落、画像など)はナビゲーションに追加できません。

メニューにセクションを追加する手順

  1. まず、ページにタイトル付きの見出しセクションを作成します

  2. メインナビゲーションのウェブサイトに移動します

  3. 設定アイコンをクリックしてサイト設定を開きます

  4. 上部のメニュータブをクリックします

  5. ナビゲーションリンクセクションまでスクロールします

  6. リストで見出しセクションを見つけます(ミントグリーンの「セクション」ラベルを探します)

  7. そのセクションの横のチェックボックスをチェックします

  8. 下部の変更を保存をクリックします

セクションがナビゲーションメニューのリンクとして表示されます。

ナビゲーション用の見出しセクションの作成

リストにセクションが表示されない場合、以下を確認してください:

  1. 見出しセクションであること(段落、画像、その他のタイプではない)

  2. タイトルが入力されていること

  3. セクションが保存されていること

タイトルのない見出しセクションはナビゲーションオプションに表示されません。

セクションリンクの仕組み

ゲストがメニューのセクションリンクをクリックすると:

  1. ページがそのセクションにスクロールします

  2. セクションがビューポートの上部に表示されます

  3. ほとんどのテーマはスムーズスクロールを使用します(素敵に見えます)

  4. URLがアンカー(#our-storyなど)で更新されます

ゲストはそのセクションへの直接リンクを共有することもできます。

セクションリンクとページリンク

ページリンク(青い「ページ」ラベル):異なるページに移動

セクションリンク(緑色の「セクション」ラベル):現在のページのセクションにジャンプ

両方がメニューに一緒に表示できます。

メニューでセクションを整理する

セクションは、ページに表示される順序でナビゲーションリンクリストに表示されます。

上のセクションがリストの上位に表示されます。

下のセクションがリストの下位に表示されます。

メニュー順序を変更するには、実際のページのセクションを並べ替えます。

異なるページのセクション

複数のページがある場合、各ページの見出しセクションをメニューに入れられます:

ホームページセクション: ホームページを表示するときに表示

他のページのセクション: それらのページを表示するときに表示

メニューは、ゲストが表示しているページに基づいて適応します。

ナビゲーションの非公開セクション

セクションが非公開としてマークされている場合:

ナビゲーションリンクリストで横に「(非公開)」が表示されます

引き続きチェックしてメニューに追加できます

アクセス権のあるゲストのみメニューで見ることができます

非公開セクションは、見るべきではないゲストから自動的に非表示になります。

セクションナビゲーションの一般的な用途

1ページの結婚式ウェブサイト:
- Our Story
- Events
- Travel
- RSVP
- Registry
- Photos

すべて1ページに、メニューでゲストが各セクションにジャンプできます。

長いイベントページ:
- Ceremony
- Cocktail Hour
- Reception
- After Party

長いページをナビゲート可能なチャンクに分割します。

タイムラインまたはスケジュール:
- Friday Welcome
- Saturday Ceremony
- Saturday Reception
- Sunday Brunch

ゲストが特定のイベント詳細を見つけるのを助けます。

セクションタイトルとメニューテキスト

メニューのテキストはセクションのタイトルフィールドから来ます。

タイトルを簡潔に保つ。 メニューに収まる必要があります。

説明的に。 ゲストは何が見つかるか分かるべきです。

スタイルに合わせる。 一貫した大文字小文字を使用してください。

セクションタイトルがメニューに長すぎる場合は、短縮を検討してください。

メニューからセクションを削除する

セクションリンクを削除するには:

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

  2. ナビゲーションリンクでセクションを見つけます

  3. チェックボックスのチェックを外します

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

セクションはページにまだ存在しますが、メニューには表示されません。

セクションリンクのテスト

メニューにセクションを追加した後:

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

  2. メニューの各セクションリンクをクリックします

  3. 正しいセクションにスクロールすることを確認します

  4. モバイルでもテストします

スムーズスクロールが動作し、セクションが見つけやすいことを確認してください。

セクションIDとURL

セクションをナビゲーションに追加すると、アンカーリンクが作成されます。URLは次のようになります:

#の後の部分はセクションタイトルに基づいています。ゲストはこれらの直接リンクをブックマークまたは共有できます。

メニューが混雑しすぎた場合

セクションリンクが多すぎる場合:

一部のセクションのチェックを外す。 すべてのセクションがメニューにある必要はありません。

関連セクションを結合する。 2つのセクションを1つにマージすることを検討してください。

最も重要なものだけを残す。 メニューは役立つべきで、圧倒的であってはなりません。

最大5〜7のセクションリンクを目指してください。

セクションと外部リンク

セクションは結婚式ウェブサイトのページの一部です。

外部リンクは他のウェブサイト(ギフトレジストリなど)を指します。

セクションはナビゲーションリンクに表示され、外部リンクは外部リンクに表示されます。両方が同時にメニューに入ることができます。

複数ページサイト

複数ページのサイト(1ページだけではない)がある場合、セクションリンクはあまり一般的ではありません。通常、ページにリンクして、ゲストに通常通りコンテンツをスクロールしてもらいます。

セクションリンクは1ページサイトで真価を発揮します。

ナビゲーションにセクションを追加すると、1ページの結婚式ウェブサイトをナビゲートしやすくなり、ゲストが必要な情報に直接ジャンプできます。

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