Logo
Docsコンテンツ作成

カバーセクション

カンファレンス・医療・不動産などビジネス招待状の最初の画面を構成するカバーセクションの設定方法をご紹介します。

4 min read
2026-07-02

カバーセクション

カンファレンス・セミナー・医療ツーリズム・不動産など、さまざまなビジネスイベントの招待状で共通して使用される最初の画面(ヒーロー)セクションです。

カバーセクションとは?

  • 汎用ビジネスヒーロー: 特定の業種に依存しない構造のため、複数のビジネスカテゴリで再利用可能
  • タイトル + 説明 + CTA: メインタイトル、説明文、ボタン2つ(メイン/サブ)を配置
  • 統計バッジ: 数字を強調するバッジを複数追加可能(例: 「4,700+ 患者数」)
  • レスポンシブ背景: モバイル(縦)/デスクトップ(横)の背景画像を個別に指定可能

設定方法

エディターで設定

  1. 編集画面の左側からカバーセクションを追加
  2. 以下の項目を設定
設定項目説明
ブランド名上部navに表示(例: クリニック/ブランド名)
Eyebrowタイトル上の小さなバッジテキスト(例: 所在地、設立年)
メインタイトル必須項目、改行可能
説明タイトル下の説明文
メインボタンテキスト例: 「相談予約」
サブボタンテキスト例: 「パッケージを見る」
統計バッジ値 + ラベルのペアを複数追加
背景画像共通 / モバイル(縦9:16) / デスクトップ(横16:9)

ボタンはテキストを入力するだけで、クリック時の遷移先(RSVPなど)はビューアーが自動的に紐付けます。

統計バッジ活用例

数字で信頼性を示したいときに使用します。

  • 医療ツーリズム: 「累計施術 4,700+」/「患者満足度 98%」
  • 不動産: 「戸数 512戸」/「販売率 87%」
  • カンファレンス: 「参加者 1,200+」/「登壇者 40名」

各バッジはドラッグ(上下移動ボタン)で順序を変更できます。

背景画像

  • 共通背景: モバイル/デスクトップの画像を個別に設定しない場合に使われる基本画像
  • モバイル背景: 縦9:16比率を推奨、未設定時は共通背景を使用
  • デスクトップ背景: 横16:9比率を推奨、未設定時は共通背景を使用

モバイルとデスクトップで見える範囲が大きく異なる写真の場合は、2つの背景を個別に設定することをおすすめします。

テキストスタイル

  • テキストカラー(デフォルトは白)、配置、タイトルサイズを直接調整可能
  • 値を空にすると、レイアウトのデフォルトスタイルがそのまま適用されます
  • テキストブロックの上下位置(上部/中央/下部)も調整可能

レイアウトによっては配置・位置オプションが表示されない場合があります(一部のレイアウトは固定演出を使用しています)。

お困りですか?

カバーセクションの設定についてご不明な点がございましたら、**お問い合わせ**までお問い合わせください!

次のステップ