Docsコンテンツ作成
上部ナビゲーション
ビジネス招待状の上部に表示されるメニューバーの設定方法をご紹介します。
4 min read
2026-07-02
上部ナビゲーション
カンファレンス・セミナー・医療・不動産などビジネスイベントの招待状上部に固定メニューバーを表示するセクションです。
上部ナビゲーションとは？
- メニュー自動生成: 招待状に追加したコンテンツセクションをもとにメニュー項目が自動で構成されます
- セクションの有無 = nav表示: このセクションを追加すると上部メニューバーが表示され、削除すると非表示になります
- ロゴ対応: ブランド名のテキストの代わりにロゴ画像を表示可能
- デザイン2種: ピル+ハンバーガー（明るいトーン）／ミニマル大文字（暗いトーン）
設定方法
エディターでの設定
- 編集画面の左側で上部ナビゲーションセクションを追加
- 以下の項目を設定
| 設定項目 | 説明 |
|---|---|
| ブランド名 | 上部左側に表示（未入力の場合はカバー・ヒーローのタイトルを使用） |
| ロゴ画像 | 設定するとブランド名テキストの代わりに表示（横長のPNG・SVG推奨、背景透過） |
| モバイルロゴ | 未設定時はデフォルトロゴを使用 |
| デザイン | デフォルト（レイアウトのおすすめ）／ピル+ハンバーガー／ミニマル大文字 |
| メニュー | 自動検出されたセクション一覧 — 名前変更、非表示設定が可能 |
メニューの自動生成
招待状にコンテンツセクション（料金プラン、ビフォーアフター写真、FAQなど）を追加すると、該当セクションへ移動するメニュー項目が自動的に作成されます。
- セクションの順序を変更すると、メニューの順序も連動して変わります
- メニューごとに表示名を直接入力可能（未入力の場合はデフォルト名を使用）
- 特定のメニューのみ非表示にすることが可能（セクション自体は維持し、メニューからのみ除外）
- 最大表示件数に制限があります — 超過したセクションはメニューに表示されません
メニューは別途追加する必要はありません。本文にセクションを追加すると自動的にメニュー項目が生成されます。
ロゴ画像
ロゴを設定すると、ブランド名テキストの代わりに表示され、メニューバーの高さに合わせて自動的にリサイズされます。
- デフォルトロゴとモバイルロゴを別々に設定可能
- モバイルロゴを未設定にすると、デフォルトロゴがモバイルでも使用されます
ロゴは横長のPNGまたはSVGを推奨します。背景を透過させると、どのデザインにも自然に馴染みます。
デザインスタイル
ピル + ハンバーガー
- 明るいトーンの背景に合うスタイル
- メニューがピル（pill）形状のボタンで表示され、モバイルではハンバーガーメニューに切り替わります
ミニマル大文字
- 暗いトーンの背景に合うスタイル
- メニューテキストを大文字で表示するミニマルな構成
デザインを指定しない場合、レイアウトがおすすめするデフォルトスタイルが自動的に適用されます。
サポートが必要な場合
上部ナビゲーションの設定についてご不明な点がございましたら、**お問い合わせ**からお問い合わせください！