ウェブページのセクション

ウェブページのセクション

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

概要

Webサイトセクションガイドでは、Zoho BackstageでイベントWebサイトの構成を作成・管理する方法をご案内します。テキスト、メディア、スピーカー、スポンサー、チケット、会場の詳細、その他の各種プリビルドセクションを、お好きなページに追加可能です。各セクションは特定の内容を効果的に表示するよう設計されており、レイアウト、コンテンツ、背景、表示設定などをカスタマイズできます。

このガイドでは、セクションの追加、並べ替え、非表示、削除、デザイン変更の手順について詳しく解説しています。また、各セクションタイプや、その構成要素（テキスト項目、メディア設定、ボタン、レイアウト設定など）も個別に説明しているため、ブランドやイベントのニーズに合った魅力的で分かりやすいWebサイトを作成できます。
Notes
カスタマイズ設定は、ご契約のZoho Backstageサブスクリプションプランによって異なる場合があります。より詳細なカスタマイズ機能は、Essentialsプラン以上でご利用いただけます。下位プランでは一部機能が制限される場合があります。

Webサイトセクションの管理

セクションの追加
  1. デザイン > Webサイト 差出人 をDockから開きます。
  2. 編集 をクリックし、Webサイトを選択します。
  3. ナビゲーション棒グラフを使って、セクションを追加したいページへ移動します。
  4. 2つの既存セクションの間にある 追加する セクション ボタンをクリックします。ポップアップウィンドウが表示され、さまざまなセクション設定から選択できます。
  5. 利用可能なセクションタイプには以下が含まれます：



    1. メディアとテキスト
    2. メディアとテキストグループ
    3. 番号カウンター
    4. お客様の声
    5. テキスト
    6. イベント説明
    7. リスト
    8. 埋め込みウィジェット
    9. ギャラリー
    10. スピーカー
    11. スポンサー
    12. スポンサーカテゴリー
    13. 注目セッション
    14. フロアプラン
    15. 出展者カテゴリー
    16. 出展者リスト
    17. チケット
    18. 会場
    19. ホテル
    20. フォーム
  6. 希望するセクションを選択し、追加する をクリックします。選択したセクションは 追加する セクション ボタンをクリックした場所に配置されます。
  7. 必要な情報を入力して、セクションをカスタマイズします。
  8. イベントが下書きステータスの場合は 公開 をクリックし、有効または進行中の場合は 再公開 をクリックします。

セクションの並べ替え


  1. デザイン > Webサイトに移動します。
  2. Webサイトを編集をクリックします。
  3. ナビゲーション棒グラフを使って、セクションの並び替えを行いたいページに移動します。
  4. 移動したいセクションにカーソルを合わせ、セクション右上の矢印を使って上下に移動します。
  5. イベントが下書きステータスの場合は公開、有効または実行中の場合は再公開をクリックします。
Alert
メモ: セクションはヒーローセクションより上やフッターセクションより下には配置できません。

セクションに背景を追加
  1. デザイン > Webサイトに移動します。
  2. 編集をクリックし、Webサイトを選択します。
  3. ナビゲーション棒グラフを使用して、セクション背景を追加したいページに移動します。
  4. 該当セクションにカーソルを合わせ、右上の背景アイコンをクリックして背景を変更します。
  5. Color、画像、Videoのいずれかを選択します。
    1. Color オプション: 
      1. 背景 Colorを選択し、背景 不透明度を調整します。色は定額 ColorまたはGradientから選択できます。
    2. 画像 オプション: 
      1. 画像 不透明度を調整し、画像 オーバーレイを切り替えます。
      1. 画像 Fit 設定を選択：Cover、Full 画像、または Tile。
      2. 画像 ポジションツールを使用して画像の配置を設定します。
      3. 画像 オーバーレイが有効な場合は、オーバーレイ Color および オーバーレイ Capacityを選択します。
      4. 画像を変更するには、変更するをクリックし、ライブラリから選択または新しい画像をアップロードします。
      5. 必要に応じて画像をクリップ、トリミング、反転、または回転します。
      6. 削除をクリックして画像を削除します。
    3. Videoオプション：
      1. YouTube動画のサムネイルを入力します。
      2. Video Overlayが有効な場合、Overlay Color および Overlay Capacityを選択します。
      3. Loop Videoが必要な場合は有効にします。
  6. 初期設定に戻したい場合は、リセットする to 初期設定をクリックします。
  7. 公開をクリック（イベントが下書きステータスの場合）、またはイベントが有効・実行中の場合はRepublishをクリックします。

セクションの表示・非表示


  1. デザイン > Webサイトに移動します。
  2. Webサイトを編集をクリックします。
  3. ナビゲーション棒グラフを使い、セクションを隠すまたは表示したいページへ移動します。
  4. 該当セクションにカーソルを合わせ、右上に表示される目アイコンをクリックして表示設定を切り替えます。
  5. イベントが下書きステータスの場合は公開を、イベントが有効または稼働中の場合は再公開をクリックします。

セクションの削除


  1. デザイン > Webサイトに移動します。
  2. Webサイトを編集をクリックします。
  3. ナビゲーション棒グラフを使い、セクションを削除したいページへ移動します。
  4. 該当セクションにカーソルを合わせ、右上の削除アイコンをクリックして削除します。
  5. ポップアップで削除を確定します。
  6. イベントが下書きステータスの場合は公開を、イベントが有効または稼働中の場合は再公開をクリックします。

Webサイトセクションのカスタマイズ

メディアとテキスト



メディアとテキストセクションでは、画像や動画に説明文やCTA（通話-to-操作ボタン）を組み合わせることができます。

セクション設定


  1. メディアとテキストセクションにカーソルを合わせ、表示される設定アイコンをクリックします。メディアとテキスト設定パネルが開きます。
  2. 以下の操作が可能です。
    1. 変更するをクリックし、利用可能なテンプレートから選択します。
    2. 横位置設定を使い、テキストやCTAの配置を調整します。
    3. ボタンを有効または無効にします。
    4. メディアを有効または無効にします。メディアが有効な場合：
      1. メディア位置を選択します。上、下、左、右のいずれかを選択してください。
      2. メディアサイズを選択します。コンテンツレイアウトに応じて、メディアサイズを設定します。
      3. 縦位置設定を使い、テキストやCTAの配置を調整します。
  3. イベントが下書き状態の場合は公開をクリックして公開します。すでに有効な場合は、再公開してください。

テキスト要素

  1. テキスト項目に text を入力します。
  2. テキストを選択し、以下の設定で書式を整えます：



    1. ヘッダー：選択したテキストを段落、見出し2、見出し3、見出し4、または見出し5に設定します。
    2. サイズ：フォントサイズを調整します。
    3. フォントファミリー：フォント内の文字の太さやスタイルを設定します。
    4. 太字：テキストを太字にします。
    5. イタリック：テキストに斜体を適用します。
    6. 下線：テキストに下線を引きます。
    7. 取り消し線：テキストに取り消し線を追加します。
    8. 配置：テキストの配置（例：左揃え、中央揃え、右揃え）を設定します。
    9. 番号付きリスト：番号付きリストを作成します。
    10. 箇条書きリスト：箇条書きリストを作成します。
    11. インデント -1：インデントレベルを減らします。
    12. インデント +1：インデントレベルを増やします。
    13. 行間：テキストの行間を調整します。
    14. 文字間隔：文字間のスペースを変更します。
    15. テキスト変換：テキストの大文字・小文字を変更します（例：大文字、小文字）。
    16. テキストカラー：テキストの色や透明度を変更します。
    17. テキスト背景：テキスト自体に背景色を追加します（ブロック全体ではありません）。
    18. リンク：テキストにハイパーリンクを追加します。
    19. 横罫線：テキストセクションの間に横罫線を挿入します。
    20. 下付き文字：選択したテキストを下付き（通常の行より下）に設定します。
    21. 上付き文字：選択したテキストを上付き（通常の行より上）に設定します。
    22. バッククォート：テキストをインラインのコードまたは引用として書式設定します（コンテキストによります）。
    23. クリーン：テキストの書式設定のみをすべてクリアし、テキストブロックのプロパティには影響しません。
  3. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。
Alert
一部の設定は特定の項目には利用できない場合があります。

メディア要素

メディアの追加
  1. テキスト付きメディアセクションにカーソルを合わせ、要素上の追加 メディアをクリックします。編集メディアパネルが表示されます。
  2. 画像、ビデオ、埋め込みの中から選択します：
    1. 画像：



      1. 画像をアップロードするか、デザインライブラリから選択します。
      2. 元の内容 画像の使用をオフにすると、編集（切り取り/反転/回転）ができます。
    2. ビデオ：



      1. ビデオのURLを項目に貼り付けます。
      2. 不要な場合は削除をクリックし、確定します。
    3. 埋め込み：
      1. iframeコードを貼り付けます。
  3. 画像にリンクを設定するには：
    1. 画像タブ内の画像下にあるリンクアイコンをクリックします。
    2. 利用可能な設定から選択します：
      1. ページ（ドロップダウンから選択）
      2. 外部URL
      3. スピーカー
      4. スポンサー
      5. セッション
      6. イベントリスト
      7. チケット
      8. なし
  4. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は再公開してください。
メディアの編集


  1. 編集したい画像にカーソルを合わせ、設定アイコンをクリックします。メディア設定パネルが表示されます。
  2. メディア 形状を選択します：正方形、円形、長方形、または元の内容。
  3. メディア フィットを選択します：フィットまたはカバー（元の内容のメディア形状には利用できません）。
  4. メディアの枠線を設定します。枠線をつけない場合は、値をゼロにします。
    1. 角の丸みを入力します。
  5. 枠線の色を選択します。
  6. 必要に応じてメディア 背景を有効にします。
    1. 背景 色を選択します。
  7. すべてのメディアに変更内容を適用をクリックすると、編集中のセクション内のすべてのメディアに設定が適用されます。
  8. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は再公開してください。

ボタン要素

設定
  1. デザイン > Webサイトに移動し、Dockから選択します。
  2. Webサイトの編集をクリックします。
  3. ヒーローセクションにカーソルを合わせ、ボタングループの設定アイコンをクリックします。Button グループ 設定パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。
  5. 新しいボタンを追加するには、追加する新規 Buttonをクリックします。



  6. ボタンを設定するには、ボタンに関連付けられた編集アイコンをクリックします。Button 設定パネルが表示されます。
  7. 設定タブに移動します。
  8. ドロップダウンからButton 種類を選択します。



    1. Register Now: 参加者を登録ページに誘導します。
      1. Button Textを設定
      2. Alternate Registration リンクを設定（任意）
    2. 取得する in Touch: 訪問者が簡単に連絡できるようにします。
      1. Button Textを設定
    3. 追加する to Calendar: イベントの日付を個人のカレンダーに保存できるようにします。
      1. Button Textを設定
    4. 印刷する Agenda: 訪問者がイベントスケジュールをダウンロードまたは印刷できるようにします。
      1. Button Textを設定
    5. 取得する Directions: インタラクティブ地図でイベント会場を案内します。
      1. Button Textを設定
    6. カスタム: 複数のリンク設定が可能です。
      1. Pageの場合：ドロップダウンから選択します。
      2. External URLの場合：URLを入力し、新しいタブで開くかどうかを選択します。
      3. Speakersの場合：設定済みのスピーカーから選択します。
      4. Sessionsの場合：すべてのスケジュールされたセッションから選択します。
      5. Sponsorsの場合：すべての確定したスポンサーから選択します。
      6. Event Listingの場合：イベント関連情報を表示します。
      7. チケットの場合：購入者向けのチケットクラスを選択します。
    7. Become a Sponsor: パートナーシップや資金調達を募集します。
      1. Button Textを設定
    8. リンク a カスタム Form: 問い合わせやフィードバック用
      1. カスタム Formを選択
      2. Button Textを設定
    9. Become an Exhibitor: 商品の展示希望者向け
      1. Button Textを設定
    10. サインインする: ユーザーがログインできるようにします。
      1. ボタンのテキストを設定
  9. 保存をクリックします。
  10. イベントが下書き状態の場合は、公開をクリックして公開します。すでに有効な場合は、再公開してください。
デザイン



  1. Design > Webサイト 差出人Dockに移動します。
  2. 編集をクリックし、Webサイトを選択します。
  3. ヒーローセクションにカーソルを合わせ、ボタングループのSettingアイコンをクリックします。Button グループ 設定パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。Button 設定パネルが表示されます。
  5. Designタブに移動します。
  6. ボタンをカスタマイズします。
    1. Button Size: Tiny、Small、または中
    2. ボタンのスタイル: Filled、Ghost、またはリンク
    3. ボタンの色:
    4. Filledスタイル: Text Colorと背景をカスタマイズします。
      1. Borderオプションを切り替えます（有効時に太さと色を調整可能）。
    5. Ghostスタイル: Text Colorをカスタマイズします。
      1. Borderオプションを切り替えます（有効時に太さと色を調整可能）。
    6. リンクスタイル: Text Colorのみカスタマイズします。
    7. 必要に応じてリセットする to 初期設定をクリックします。
  7. イベントが下書き状態の場合、公開をクリックしてイベントを公開します。すでに有効な場合は、Republishしてください。
Idea
ボタンの色は、単色またはグラデーションでカスタマイズできます。カラーピッカーをクリックし、設定中に色を選択してください。
Info
  1. ボタングループ全体をカスタマイズする場合は、Button グループ 設定パネルのDesignタブに移動してください。
  2. また、ボタングループセクションにカーソルを合わせて、ボタンの横にある編集アイコンをクリックすると、そのボタンの個別設定パネルが開きます。

Media with Text グループ



Media with Text グループセクションでは、画像や動画と補足テキスト、CTA（通話-to-操作ボタン）を組み合わせることができます。

Section 設定

  1. Media with Text グループセクションにカーソルを合わせ、表示される設定アイコンをクリックします。Media with Text List 設定パネルが開きます。



  2. ここから操作できます：
    1. 変更するをクリックし、利用可能なテンプレートから差出人を選択します。
    2. Horizontal Alignment設定を使って、テキストとCTA（コールトゥアクション）の位置を調整できます。
    3. Buttonの有効化・無効化が可能です。
    4. Mediaの有効化・無効化が可能です。Mediaが有効な場合：
      1. Media Positionを選択し、メディアを上・下・左・右のいずれかに表示します。
      2. Media Sizeを選択し、コンテンツのレイアウトに合わせてメディアのサイズを設定します。
      3. Vertical Alignment設定を使い、テキストとCTAの縦位置を調整します。
  3. イベントが下書き状態の場合は、公開をクリックして公開します。すでに有効になっている場合は、Republishで再公開してください。

テキスト要素

  1. テキスト項目に text を入力します。
  2. text を選択し、以下の設定で形式を整えます：



    1. Header：選択したテキストを段落、見出し2、見出し3、見出し4、見出し5として設定します。
    2. Size：フォントサイズを調整します。
    3. フォント Family：フォント内の文字の太さやウエイトを設定します。
    4. Bold：テキストを太字にします。
    5. Italic：テキストを斜体にします。
    6. Underline：テキストに下線を引きます。
    7. Strikethrough：テキストに取り消し線を追加します。
    8. Alignment：選択したテキストを左寄せ、中央揃え、右寄せなどで配置します。
    9. 注文済み List：番号付きリストを作成します。
    10. Bullet List：箇条書きリストを作成します。
    11. Indent -1：テキストのインデントレベルを減らします。
    12. Indent +1：テキストのインデントレベルを増やします。
    13. 折れ線グラフ Height：テキスト行間のスペースを調整します。
    14. Letter Spacing：文字間のスペースを調整します。
    15. Text Transform：テキストの大文字・小文字を変更します（例：すべて大文字、すべて小文字）。
    16. Text Color：テキストの色や透明度を変更します。
    17. Text Background：テキスト自体に背景色を追加します（ブロック全体ではありません）。
    18. リンク：テキストにハイパーリンクを追加します。
    19. Horizontal Ruler：テキストのセクション間に水平線を挿入します。
    20. Script Sub：選択したテキストを下付き（通常の行より下）に設定します。
    21. Script Super：選択したテキストを上付き（通常の行より上）に設定します。
    22. Backquote：状況に応じて、テキストをインラインコードまたは引用として形式設定します。
    23. Clean：テキストの書式設定をすべてクリアし、テキストブロックのプロパティには影響しません。
  3. イベントが下書き状態の場合は、「公開」をクリックして公開します。すでに有効な場合は再公開してください。
Alert
一部の設定は特定の項目では利用できない場合があります。

メディアの追加

  1. Media with Textセクションにカーソルを合わせ、追加する Mediaまたは変更するを要素上でクリックします。編集 Mediaパネルが表示されます。
  2. 画像、Video、Embedのいずれかを選択します。
    1. 画像:
      1. 画像をアップロードするか、デザインライブラリから選択します。
      2. 使用する 元の内容 画像のチェックを外すと、編集（切り取り／反転／回転）が可能です。
    2. Video:
      1. 該当項目に動画URLを貼り付けます。
      2. 不要な場合は削除するをクリックし、確定します。
    3. Embed:
      1. iframeコードを貼り付けます。
  3. 画像にリンクを設定する場合
    1. 画像タブ内の画像下にあるリンクアイコンをクリックします。
    2. 利用可能な設定から選択します：
      1. Page（ドロップダウンから選択）
      2. External URL
      3. Speaker
      4. Sponsor
      5. Session
      6. Event Listing
      7. チケット
      8. なし
  4. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。

メディアの編集
  1. 編集したい画像にカーソルを合わせ、設定アイコンをクリックします。Media 設定パネルが表示されます。
  2. Media Shape（Square、Circle、Rectangle、または元の内容）を選択します。
  3. Media Fit（FitまたはCover。元の内容メディアシェイプでは利用不可）を選択します。
  4. メディアのBorderを設定します。枠線が不要な場合は値を0にしてください。
    1. 角の丸みを入力します。
  5. Border Colorを選択します。
  6. 必要に応じてMedia Backgroundを有効にします。
    1. Background Colorを選択します。
  7. 変更内容を適用する to すべて media をクリックすると、編集中のセクション内のすべてのメディアに設定が適用されます。
  8. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。

ボタン要素

設定
  1. デザイン > Webサイトに移動します。
  2. 編集をクリックし、Webサイトを選択します。
  3. Media with Text グループセクションにカーソルを合わせ、ボタン グループ横の設定アイコンをクリックします。Button グループ 設定パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。
  5. 新しいボタンを追加する場合は、追加する 新規 Buttonをクリックします。
  6. ボタンを設定するには、ボタン横の編集アイコンをクリックします。Button 設定パネルが表示されます。
  7. 設定タブに移動します。
  8. ドロップダウンからButton 種類を選択します。
    1. Register Now: 参加者を登録ページへ誘導します。
    2. Button Textを設定します。
    3. Alternate Registration リンク（任意）を設定します。
    4. 取得する in Touch: 訪問者が簡単に連絡できるようにします。
      1. Button Textを設定します。
    5. 追加する to Calendar: イベント日程を個人カレンダーに保存できるようにします。
      1. Button Textを設定します。
    6. 印刷する Agenda: 訪問者がイベントスケジュールをダウンロードまたは印刷できるようにします。
      1. Button Textを設定します。
    7. 取得する Directions: インタラクティブな地図でイベント会場を案内します。
      1. Button Textを設定します。
    8. カスタム：複数のリンク設定が可能です。
      1. Pageの場合：ドロップダウンから選択します。
      2. External URLの場合：URLを入力し、新しいタブで開くかどうかを選択します。
      3. Speakersの場合：設定済みのスピーカーから選択します。
      4. Sessionsの場合：すべてのスケジュール済みセッションから選択します。
      5. Sponsorsの場合：全ての承認済みスポンサーから選択します。
      6. Event Listingの場合：イベント関連情報を表示します。
      7. チケットの場合：購入者向けにチケットクラスを選択します。
    9. Become a Sponsor: パートナーシップや協賛の募集に利用します。
      1. Button Textを設定します。
    10. リンク a カスタム Form: お問い合わせやフィードバック用
      1. カスタム Formを選択します。
      2. Button Textを設定します。
    11. Become an Exhibitor: 製品展示用
      1. Button Textを設定します。
    12. Sign In: ユーザーがログインできるようにします。
      1. Button Textを設定します。
  9. 保存をクリックします。
  10. イベントが下書き状態の場合は、公開をクリックして公開します。すでに公開済みの場合は、再公開してください。
デザイン


  1. Design > Webサイト差出人 ドックに移動します。
  2. 編集 Webサイトをクリックします。
  3. Media with Text グループセクションにカーソルを合わせ、ボターングループに関連付けられている設定アイコンをクリックします。Button グループ 設定パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。Button 設定パネルが表示されます。
  5. Designタブに移動します。
  6. ボタンをカスタマイズします：
    1. Button Size：Tiny、Small、または中
    2. Button Style：Filled、Ghost、またはリンク
    3. Button Colors：
      1. Filledスタイル：TextColorとBackgroundをカスタマイズします。
        1. Borderオプションを切り替え（有効時は太さと色を調整可能）。
      2. Ghostスタイル：TextColorをカスタマイズします。
        1. Borderオプションを切り替え（有効時は太さと色を調整可能）。
      3. リンクスタイル：TextColorのみカスタマイズします。
    4. 必要に応じてリセットする to 初期設定をクリックします。
  7. イベントが下書き状態の場合、公開をクリックして公開します。すでに有効な場合は再公開してください。
Idea
ボタンの色はソリッドまたはグラデーションでカスタマイズできます。色選択ツールをクリックして設定中に選択できます。
Info
  1. ボタングループ全体をカスタマイズするには、Button グループ 設定パネル内のDesignタブに移動します。
  2. また、ボタングループセクションにカーソルを合わせ、ボタン横の編集アイコンをクリックすると、そのボタンの個別設定パネルを開くこともできます。

番号カウンター

番号カウンターセクションでは、アニメーション付きカウンターで主要な指標を表示し、訪問者の注目を集めることができます。

セクション設定

  1. 番号 Counterセクションにカーソルを合わせ、設定アイコンをクリックします。番号 Counter 設定パネルが表示されます。



  2. 変更するをクリックしてレイアウトテンプレートを切り替えます。希望するレイアウトを選択してください。
  3. 列数と要素の配置を選択します。
  4. 番号 Size：番号のフォントサイズを選択します。
  5. 画像を有効にする：画像を含めたい場合はこのスイッチをオンにします。
  6. 画像Size：画像のサイズを指定します。
  7. 画像位置：左、上、右から選択します。
  8. Solid Background：セクションに単色の背景を設定したい場合はこのオプションを有効にしてください。
  9. CarouselSlider：番号をスライド式カルーセル形式で表示したい場合はこのオプションを有効にします。
  10. InfiniteCarousel：カルーセルを無限ループさせたい場合はこのオプションを有効にします。
  11. イベントが下書き状態の場合は、公開をクリックして公開します。すでに有効な場合は、Republishをクリックしてください。

番号 Element

  1. 番号をダブルクリックして編集 番号パネルを開きます。
  2. 番号を入力します。
  3. 必要に応じて接頭語またはPostfixを追加します。例：+, %, または hrs。接頭語・Postfixはそれぞれ最大5文字までです。
  4. 番号 Colorを選択します。
  5. 適用する to すべて 番号 商品をクリックすると、すべての番号商品に色を適用できます。
  6. イベントが下書き状態の場合は、公開をクリックして公開します。すでに有効な場合は、Republishをクリックしてください。

Adding/ 削除中/ Rearranging the 番号 Counters

  1. 番号 Counter 設定パネルの管理商品タブに移動します。
  2. 番号カウンターを追加する場合：
    1. 新しい商品を追加するをクリックします。
  3. カウンターを並べ替える場合
    1. スライドの左側にある並べ替えアイコンをクリックします。
    2. ドラッグして任意の位置に配置します。
  4. カウンターを削除する場合：
    1. カウンターに関連付けられている削除アイコンをクリックします。
  5. イベントが下書き状態の場合は、公開をクリックして公開します。すでに有効な場合は、Republishをクリックしてください。

Media Element

画像の追加
  1. アップロードするをクリックし、番号カウンターセクションに移動します。
  2. ライブラリから既存の画像を選択するか、新しい画像をアップロードします。
  3. 必要に応じて画像の寸法を調整します。
  4. 完了をクリックして画像を適用します。
画像の変更
  1. 画像に関連付けられた編集アイコンをクリックします。編集画像パネルが表示されます。
  2. 変更するをクリックします。
  3. 別の画像を選択するか、新しい画像をアップロードします。
  4. 必要に応じて寸法を調整します。
  5. 完了をクリックして変更内容を保存します。
画像へのリンク追加
  1. 画像に関連付けられた編集アイコンをクリックします。編集画像パネルが表示されます。
  2. リンク追加をクリックしてリンク画像パネルを開きます。
  3. リンク種類を選択します:
    1. ページ: ドロップダウンからページを選択します。
    2. 外部URL: URLを入力し、新しいタブで開くかどうかを選択します。
    3. Speakers: 登録済みのスピーカーへリンクします。
    4. Sessions: スケジュールされたセッションへリンクします。
    5. Sponsors: 承認済みスポンサーへリンクします。
    6. Event Listing: イベント詳細へリンクします。
    7. チケット: 特定のチケットクラスへリンクします。

テキスト項目

  1. テキスト項目に text を入力します。
  2. text を選択し、以下の設定で書式を整えます：



    1. ヘッダー：選択したテキストを段落、見出し2、見出し3、見出し4、見出し5として設定します。
    2. サイズ：フォントサイズを調整します。
    3. フォントファミリー：フォント内の文字の太さやウェイトを設定します。
    4. 太字：テキストを太字にします。
    5. 斜体：テキストに斜体スタイルを適用します。
    6. 下線：テキストに下線を引きます。
    7. 取り消し線：テキストに取り消し線を追加します。
    8. 配置：選択したテキストを左寄せ・中央寄せ・右寄せで整えます。
    9. 番号付きリスト：番号付きリストを作成します。
    10. 箇条書きリスト：箇条書きリストを作成します。
    11. インデント -1：テキストのインデントレベルを減らします。
    12. インデント +1：テキストのインデントレベルを増やします。
    13. 行間：テキスト行間のスペースを調整します。
    14. 文字間隔：文字間のスペースを調整します。
    15. テキスト変換：テキストの大文字・小文字を変更します。
    16. テキストカラー：テキストの色や透明度を変更します。
    17. テキスト背景：テキスト自体に背景色を追加します（ブロック全体ではありません）。
    18. リンク：テキストにハイパーリンクを追加します。
    19. 横罫線：テキストセクションの間に横罫線を挿入します。
    20. サブスクリプト：選択したテキストを下付き（通常行より下）に設定します。
    21. スーパー スクリプト：選択したテキストを上付き（通常行より上）に設定します。
    22. バッククォート：文脈に応じて、インラインコードまたは引用としてテキストを整形します。
    23. クリーン：テキストブロックのプロパティに影響を与えず、すべてのテキスト書式設定をクリアします。
  3. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。
Alert
一部の設定は特定の項目では利用できない場合があります。

お客様の声



Testimonialsセクションは、スピーカー、参加者、パートナーからの引用、推薦、またはフィードバックを紹介するためのものです。テストモニアルを表示することで、信頼性が高まり、より魅力的なWebサイト体験を作成できます。

Section 設定

  1. Testimonialsセクションにカーソルを合わせ、設定アイコンをクリックします。Testimonial 設定パネルが表示されます。



  2. 変更するをクリックし、別のテンプレートレイアウトを選択します。Testimonial Styleを選択します：
    1. Lattice
    2. Trellis
    3. Frieze
  3. 列数を設定します。
  4. 配置を選択します：左揃え、両端揃え、または右揃え。
  5. Friezeレイアウトの場合は、画像の位置を設定します。
  6. 画像 スタイルを選択します：丸型または四角型。
  7. カルーセルスライダーを必要に応じて有効にします。

Testimonials の追加／削除／並べ替え


  1. 管理 商品タブに移動し、Testimonial 設定パネルを開きます。
  2. テストモニアルを追加する場合：
    1. 新しい商品を追加するをクリックします。
  3. テストモニアルを並べ替える場合
    1. スライドの左側にある並べ替えアイコンをクリックします。
    2. ドラッグして希望の位置に配置します。
  4. テストモニアルを削除する場合：
    1. テストモニアルの横にある削除アイコンをクリックします。
  5. イベントが下書き状態の場合、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。

メディア要素

画像の追加
  1. アップロードするをクリックし、Testimonialsセクションに進みます。
  2. ライブラリから既存の画像を選択するか、新しい画像をアップロードします。
  3. 必要に応じて画像の寸法を調整します。
  4. 完了をクリックして画像を適用します。
画像の変更


  1. 画像に関連付けられている編集アイコンをクリックします。編集 画像パネルが表示されます。
  2. 変更するをクリックします。
  3. 別の画像を選択するか、新しい画像をアップロードします。
  4. 必要に応じて寸法を調整します。
  5. 完了をクリックして変更を保存します。
画像にリンクを追加する
  1. 画像に関連付けられている編集アイコンをクリックします。編集画像パネルが表示されます。
  2. リンク追加をクリックしてリンク 画像パネルを開きます。



  3. リンクの種類を選択します：
    1. Page: ドロップダウンからページを選択します。
    2. External URL: URLを入力し、新しいタブで開くかどうかを選択します。
    3. Speakers: 登録されたスピーカーにリンクします。
    4. Sessions: 予定されたセッションにリンクします。
    5. Sponsors: 承認されたスポンサーにリンクします。
    6. Event Listing: イベントの詳細にリンクします。
    7. チケット: 特定のチケットクラスにリンクします。

テキスト要素

  1. テキスト項目に text を入力します。
  2. テキストを選択し、以下の設定で形式を整えます。



    1. ヘッダー: 選択したテキストを段落、見出し2、見出し3、見出し4、または見出し5として設定します。
    2. サイズ: フォントサイズを調整します。
    3. フォントファミリー: フォント内の文字の太さを設定します。
    4. 太字: テキストを太字にします。
    5. イタリック: テキストに斜体スタイルを適用します。
    6. 下線: テキストに下線を引きます。
    7. 取り消し線: テキストに取り消し線を追加します。
    8. 配置: 選択したテキストの配置を設定します（例：左寄せ、中央寄せ、右寄せ）。
    9. 番号付きリスト: 番号付きリストを作成します。
    10. 箇条書きリスト: 箇条書きリストを作成します。
    11. インデント -1: テキストのインデントレベルを減らします。
    12. インデント +1: テキストのインデントレベルを増やします。
    13. 行間: テキスト行間のスペースを調整します。
    14. 文字間隔: 文字間のスペースを変更します。
    15. テキスト変換: テキストの大文字・小文字を変更します（例：大文字、小文字）。
    16. テキストカラー: テキストの色と透明度を変更します。
    17. テキスト背景: テキスト自体（ブロックではなく）に背景色を追加します。
    18. リンク: テキストにハイパーリンクを追加します。
    19. 横罫線: テキストセクション間に横罫線を挿入します。
    20. スクリプト Sub: 選択したテキストを下付き（通常の行より下）に設定します。
    21. スクリプト Super: 選択したテキストを上付き（通常の行より上）に設定します。
    22. バッククォート: コンテキストに応じてテキストをインラインコードまたは引用として形式設定します。
    23. クリーン: テキストブロックのプロパティに影響を与えず、テキストの書式設定をすべてクリアします。
  3. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。
Alert
一部の設定は特定の項目では利用できない場合があります。

テキスト

テキストセクションでは、イベントWebサイトにリッチなフォーマットのコンテンツを追加できます。イベントの目的を強調したり、お知らせを共有したり、カスタムテキストを完全なスタイリング設定で表示したりする際にご利用ください。このセクションは多様なフォーマットツールに対応しており、コンテンツの見た目や雰囲気を細かく調整できます。

テキスト要素

  1. テキスト項目に text を入力します。
  2. テキストを選択し、以下の設定で書式を整えます。



    1. ヘッダー: 選択したテキストを段落、見出し2、見出し3、見出し4、見出し5に設定します。
    2. サイズ: フォントサイズを調整します。
    3. フォント ファミリー: フォント内の文字の重さや太さを設定します。
    4. 太字: テキストを太字にします。
    5. イタリック: テキストに斜体スタイルを適用します。
    6. 下線: テキストに下線を引きます。
    7. 取り消し線: テキストに取り消し線を追加します。
    8. 配置: 選択したテキストを左寄せ、中央寄せ、右寄せなどに整列します。
    9. 番号付き リスト: 番号付きリストを作成します。
    10. 箇条書き リスト: 箇条書きリストを作成します。
    11. インデント -1: テキストのインデントレベルを減らします。
    12. インデント +1: テキストのインデントレベルを増やします。
    13. 行間 高さ: テキスト行間のスペースを調整します。
    14. 文字 間隔: 文字間のスペースを変更します。
    15. テキスト 変換: テキストの大文字・小文字などを変更します。
    16. テキスト カラー: テキストの色や透明度を変更します。
    17. テキスト 背景: テキスト自体に背景色を追加します（ブロック全体ではありません）。
    18. リンク: テキストにハイパーリンクを追加します。
    19. 横罫線: テキストセクション間に横罫線を挿入します。
    20. スクリプト サブ: 選択したテキストを下付き（通常の行より下）に設定します。
    21. スクリプト スーパー: 選択したテキストを上付き（通常の行より上）に設定します。
    22. バッククォート: テキストをインラインコードまたは引用として書式設定します（コンテキストによる）。
    23. クリア: テキストの書式設定をすべてクリアし、テキストブロックのプロパティには影響しません。
  3. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。
Alert
一部の設定は、特定の項目では利用できない場合があります。

イベント説明

Event 説明セクションは、イベントの詳細な概要を掲載する専用スペースです。来場者にイベントの内容を魅力的に紹介するのに最適で、このセクションでは装飾付きテキスト、リスト、リンク、その他の要素が利用できます。

利用可能項目：
  1. セクションのタイトル：テキストセクションのメイン見出しです。
  2. セクションサブタイトル：件名を補足する短いテキストです。来場者に下部コンテンツのプレビューを提供する際にご利用ください。
  3. セクション本文：詳細なテキストを入力できるメインコンテンツエリアです。この項目では見出し、太字、斜体、リスト、リンクなどの書式設定が可能です。イベントの目的、スケジュールのハイライト、登壇者情報などの説明に最適です。

Section 設定  
  1. イベント説明セクションにカーソルを合わせ、設定アイコンをクリックします。説明設定パネルが表示されます。
  2. 次のいずれかを選択します：
    1. テキストを更新し、「Event 説明」項目とWebサイトやその他のプロモーションで同期します。
    2. テキストをWebサイト上のみで更新します。

テキスト項目

  1. text 項目にテキストを入力します。
  2. テキストを選択し、以下の設定で書式を整えます。



    1. ヘッダー: 選択したテキストを段落、見出し2、見出し3、見出し4、または見出し5に設定します。
    2. サイズ: フォントサイズを調整します。
    3. フォントファミリー: フォント内の文字の太さやウェイトを設定します。
    4. 太字: テキストを太字にします。
    5. 斜体: テキストを斜体にします。
    6. 下線: テキストに下線を引きます。
    7. 取り消し線: テキストに取り消し線を追加します。
    8. 配置: 選択したテキストを左揃え、中央揃え、右揃えなどで整列します。
    9. 番号付きリスト: 番号付きリストを作成します。
    10. 箇条書きリスト: 箇条書きリストを作成します。
    11. インデント -1: テキストのインデントレベルを減らします。
    12. インデント +1: テキストのインデントレベルを増やします。
    13. 行間: テキスト行間のスペースを調整します。
    14. 文字間隔: 文字間のスペースを変更します。
    15. テキスト変換: テキストの大文字・小文字などを変更します。
    16. テキストカラー: テキストの色や透明度を変更します。
    17. テキスト背景: テキスト自体に背景色を追加します（ブロックではありません）。
    18. リンク: テキストにハイパーリンクを追加します。
    19. 横罫線: テキストセクション間に横罫線を挿入します。
    20. 下付き文字: 選択したテキストを下付き（通常の行より下）に設定します。
    21. 上付き文字: 選択したテキストを上付き（通常の行より上）に設定します。
    22. バッククォート: テキストをインラインコードや引用として書式設定します（コンテキストによる）。
    23. クリーン: テキストブロックのプロパティに影響せず、すべてのテキスト書式をクリアします。
  3. イベントが下書き状態の場合、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。
Alert
一部の設定は特定の項目では利用できない場合があります。

リスト

List セクションは、イベントの特徴やキーとなるハイライトなど、構造化されたコンテンツの提示に最適です。メリットをアピールしたり、重要な情報を整理したりする際に、内容をクリアかつ視覚的に分かりやすく保つのに役立ちます。

Section 設定


  1. Listセクションにカーソルを合わせ、設定アイコンをクリックします。List 設定パネルが表示されます。
  2. 変更するをクリックして、別のテンプレートレイアウトを選択します。
  3. List 種類を選択します：
    1. Rows
    2. Columns
  4. List Styleを選択します。
  5. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。

テキスト項目

  1. テキスト項目に text を入力します。
  2. text を選択し、以下の設定で形式を整えます。



    1. ヘッダー：選択した text を段落、見出し2、見出し3、見出し4、または見出し5に設定します。
    2. サイズ：フォントサイズを調整します。
    3. フォントファミリー：フォント内の文字の太さや重みを設定します。
    4. 太字：text を太字にします。
    5. 斜体：text に斜体スタイルを適用します。
    6. 下線：text に下線を引きます。
    7. 取り消し線：text に取り消し線を追加します。
    8. 配置：選択した text を左揃え、中央揃え、または右揃えにします。
    9. 番号付きリスト：番号付きリストを作成します。
    10. 箇条書きリスト：箇条書きリストを作成します。
    11. インデント -1：text のインデントレベルを減らします。
    12. インデント +1：text のインデントレベルを増やします。
    13. 行間：テキスト行間のスペースを調整します。
    14. 文字間隔：文字間のスペースを変更します。
    15. テキスト変換：大文字・小文字など、テキストの大文字小文字を変更します。
    16. 文字色：text の色や透明度を変更します。
    17. テキスト背景：text 自体に背景色を追加します（ブロックには適用されません）。
    18. リンク：text にハイパーリンクを追加します。
    19. 横罫線：テキストセクション間に横罫線を挿入します。
    20. スクリプト Sub：選択した text を下付き（通常の行より下）に設定します。
    21. スクリプト Super：選択した text を上付き（通常の行より上）に設定します。
    22. バッククォート：インラインコードまたは引用として text を形式設定します（コンテキストによる）。
    23. クリーン：テキストブロックのプロパティに影響を与えずに、テキストの書式設定をすべてクリアします。
  3. イベントが下書き状態の場合、公開 をクリックしてイベントを公開します。すでに有効な場合は、再公開 してください。
Alert
一部の設定は特定の項目では利用できない場合があります。

埋め込みウィジェット



埋め込みウィジェットセクションでは、サードパーティのウィジェット（登録フォーム、動画、地図、カウントダウンタイマーなど）を、カスタムiframeコードを使用してイベントWebサイトに挿入できます。

埋め込みウィジェット
  1. 追加するセクションダイアログボックスの追加するIframeコードテキストボックスに、ウィジェットのコードを入力します。
  2. 追加するをクリックします。
  3. 埋め込みウィジェットセクションで、必要に応じて件名やサブタイトルを入力します。
  4. 埋め込みコードを再度編集する場合は、埋め込みウィジェットセクションにカーソルを合わせ、編集Embedコードボタンをクリックしてください。必要な変更を加えます。
  5. 保存をクリックします。

ギャラリーセクションでは、イベントの画像をビジュアルに訴求する形式で表示できます。参加者による写真アップロードの有効化、ダウンロードの許可、顔認識検索の提供も可能で、参加者が自分の写真を簡単に見つけられるようサポートします。このセクションを活用し、イベントの瞬間を整理されたインタラクティブな形で記録・共有しましょう。参加者は画像に「いいね」やコメント、共有も行えます。

セクション設定
  1. ギャラリーセクションにカーソルを合わせ、設定アイコンをクリックします。ギャラリー設定パネルが表示されます。
  2. 要件に応じて、以下の設定を有効または無効にします。
    1. 写真アップロード：参加者がイベントギャラリーへ写真をアップロードできるようにします。
      1. アップロード可能なファイル種別を選択します（例：JPG、PNG）。
    2. 写真アップロード期間の設定：
      1. 開始日：アップロード開始日を指定します。
      2. 終了日：アップロード終了日を指定します。
    3. NSFWコンテンツブロッカー：
      1. 自動ブロックするコンテンツカテゴリを選択します。
        1. 露骨なヌード
        2. 過激または示唆的な内容
        3. 流血、グロ、暴力
        4. 薬物・物質
        5. 武器
    4. 写真ダウンロード：このオプションを有効にすると、参加者がギャラリーから写真をダウンロードできます。
    5. 検索時の顔認識：参加者が顔認識を利用して自分の写真を検索できるようにします。写真検索には、参加者が自撮り画像のアップロードまたは撮影が必要です。

画像の管理

新規画像の追加


  1. ギャラリー設定パネルのアレンジメントタブへ移動します。
  2. 新規追加をクリックします。
  3. ローカルストレージから画像を選択し、アップロードします。
画像の削除


  1. Arrangementタブに移動します。
  2. 削除したい画像に関連付けられている削除アイコンをクリックします。
画像の並べ替え


  1. Arrangementタブで、画像の横にある並べ替えアイコンをクリックします。
  2. 画像をドラッグ＆ドロップして、希望の位置に配置します。
Info
どのGalleryウィジェットにアップロードされた画像も独立しており、イベントWebサイトのGalleryタブ内の画像とは接続されていません。

Speakers


Speakersセクションでは、イベントで登壇する方々を紹介できます。氏名、画像、肩書き、所属組織を視覚的に魅力的なレイアウトで表示します。

Section 設定


  1. WebサイトビルダーのSpeakersセクションにカーソルを合わせ、設定アイコンをクリックします。
  2. Speaker 設定パネルで、以下の設定を行います。
    1. デザインレイアウト：表示形式を選択します—Frieze、Polaroid、Trellis、Aura、またはMosaic。



    2. 背景スタイル：セクションの背景を塗りつぶしまたは空である（透明）に設定します。
    3. 配置：セクション内でスピーカーのコンテンツをどのように揃えるか選択します（例：左、中央、右）。
    4. 画像スタイル：スピーカーの写真を丸型または四角型で表示します。
    5. カルーセルスライダー：スピーカー権限をスライダーのように横スクロールさせたい場合は、このオプションを有効にします。
Button要素


設定


  1. Design > Webサイト 差出人 ドックに移動します。
  2. Webサイト の 編集 をクリックします。
  3. ヒーローセクションにカーソルを合わせ、ボタングループ横の 設定 アイコンをクリックします。Button グループ 設定 パネルが表示されます。
  4. 編集したいボタンの横にある 編集 アイコンをクリックします。
  5. 新しいボタンを追加する場合は、追加する 新規 Button をクリックします。
  6. ボタンを設定するには、対象のボタン横の 編集 アイコンをクリックします。Button 設定 パネルが表示されます。
  7. 設定 タブに移動します。
  8. ドロップダウンから Button 種類 を選択します：
    1. Register Now: 参加者を登録ページへ案内します。
      1. Button Text を設定します。
      2. Alternate Registration リンク（任意）を設定します。
    2. 取得する in Touch: 訪問者が簡単に連絡できるようにします。
      1. Button Text を設定します。
    3. 追加する to Calendar: イベントの日付を個人のカレンダーに保存できるようにします。
      1. Button Text を設定します。
    4. 印刷する Agenda: 訪問者がイベントスケジュールをダウンロードまたは印刷できるようにします。
      1. Button Text を設定します。
    5. 取得する Directions: イベント会場へのアクセス方法をインタラクティブマップで案内します。
      1. Button Text を設定します。
    6. カスタム: 複数のリンク設定：
      1. Page の場合：ドロップダウンから選択します。
      2. External URL の場合：URLを入力し、新しいタブで開くかどうかを選択します。
      3. Speakers の場合：すべての設定済みスピーカーから選択します。
      4. Sessions の場合：すべてのスケジュール済みセッションから選択します。
      5. Sponsors の場合：すべての承認済みスポンサーから選択します。
      6. Event Listing の場合：イベント関連情報を表示します。
      7. チケット の場合：購入者用のチケットクラスを選択します。
    7. Become a Sponsor: パートナーシップまたは資金提供の募集
      1. Button Text を設定します。
    8. リンク a カスタム Form: お問い合わせやフィードバック用
      1. カスタム Form を選択します。
      2. Button Text を設定します。
    9. Become an Exhibitor: 商品の出展希望者向け
      1. Button Text を設定します。
    10. サインインする: ユーザーがログインできるようにします。
      1. ボタンのテキストを設定します。
  9. 保存 をクリックします。
  10. イベントが下書き状態の場合、公開 をクリックしてイベントを公開します。すでに有効な場合は、再公開 してください。
デザイン


  1. デザイン > Webサイト 差出人 Dock へ移動します。
  2. 編集 をクリックし、Webサイト を選択します。
  3. ヒーローセクションにマウスを重ね、ボタングループに関連する 設定 アイコンをクリックします。ボタングループ設定 パネルが表示されます。
  4. 編集したいボタンの隣にある 編集 アイコンをクリックします。ボタン設定 パネルが表示されます。
  5. デザイン タブに移動します。
  6. ボタンをカスタマイズします。
    1. ボタンサイズ: 超小、小、中、大、または 特大
    2. ボタンスタイル: 塗りつぶし、ゴースト、または リンク
    3. ボタンカラー:
      1. 塗りつぶしスタイル: テキストカラーと背景色をカスタマイズ可能。
        1. 枠線オプションを切り替え（有効時に太さや色を調整可能）。
      2. ゴーストスタイル: テキストカラーをカスタマイズ可能。
        1. 枠線オプションを切り替え（有効時に太さや色を調整可能）。
      3. リンクスタイル: テキストカラーのみカスタマイズ可能。
      4. リセットする をクリックし、必要に応じて 初期設定に戻します。
  7. イベントが下書き状態の場合は、公開 をクリックしてイベントを公開します。すでに有効な場合は、再公開 してください。
Idea
ボタンのカラーは単色またはグラデーションでカスタマイズできます。カラーピッカーをクリックし、設定画面で選択してください。
Info
  1. ボタングループ全体をカスタマイズするには、ボタングループ設定パネルの デザイン タブに移動します。
  2. また、ボタングループセクションにマウスを重ね、ボタンの隣にある 編集 アイコンをクリックすると、そのボタンの個別設定パネルを開くこともできます。

テキスト要素
  1. text 項目にテキストを入力します。
  2. テキストを選択し、次の設定で形式を整えます。



    1. Bold: テキストを太字にします。
    2. Italic: テキストに斜体のスタイルを適用します。
    3. Underline: テキストに下線を引きます。
    4. Strikethrough: テキストに取り消し線を追加します。
    5. Size: フォントサイズを調整します。
    6. フォント Family: フォント内の文字の太さを設定します。
    7. Alignment: 選択したテキストの配置（左寄せ、中央揃え、右寄せなど）を設定します。
    8. Text Color: テキストの色や透明度を変更します。
    9. Text Background: テキスト自体に背景色を追加します（ブロック全体ではありません）。
    10. Text Transform: テキストの大文字・小文字を変更します（例：大文字、小文字）。
    11. 折れ線グラフ Height: テキスト行間のスペースを調整します。
    12. Letter Spacing: 文字間のスペースを変更します。
    13. Script Sub: 選択したテキストを下付き（標準の折れ線グラフより下）として設定します。
    14. Script Super: 選択したテキストを上付き（標準の折れ線グラフより上）として設定します。
    15. Clean: テキストブロックのプロパティには影響せず、テキストの書式設定のみをすべてクリアします。
  3. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。

スポンサー


セクション設定 - セクションレベル


  1. Sponsorsセクションにカーソルを重ね、設定アイコンをクリックします。Sponsor 設定パネルが表示されます。
  2. カスタマイズするタブに移動します。
  3. Tile 表示するとしてGrid、Slider、またはInfinite Carouselを選択します。
  4. 表示 カテゴリー Sponsorトグルを有効にすると、セクション内にスポンサーのカテゴリ名が表示されます。
    1. Sponsor カテゴリーの色は必要に応じて変更してください。
  5. 表示 Sponsor 名前トグルを有効にすると、セクション内にスポンサー名が表示されます。
    1. Sponsor 名前 Colorも必要に応じて変更可能です。
  6. カテゴリー Separatorを有効にすると、スポンサーカテゴリ間に横線が追加されます。
スポンサーカテゴリの並べ替え



  1. Sponsorsセクションにカーソルを合わせ、設定アイコンをクリックします。Sponsor 設定パネルが表示されます。
  2. 管理商品タブに移動します。
  3. スライドの左側にある並べ替えアイコンをクリックします。
  4. ドラッグして希望の順番に配置します。
スポンサーカテゴリーの非表示
  1. Sponsorsセクションにカーソルを合わせ、設定アイコンをクリックします。Sponsor 設定パネルが表示されます。
  2. 管理商品タブに移動します。
  3. スポンサーカテゴリーのEyeアイコンをクリックして非表示にします。
  4. もう一度クリックすると、イベントWebサイトで表示されます。

Section 設定 - カテゴリーレベル
  1. Sponsorsセクションにカーソルを合わせ、設定アイコンをクリックします。Sponsor 設定パネルが表示されます。
  2. 管理商品タブに移動します。
  3. スポンサーカテゴリーの編集アイコンをクリックします。
  4. カスタマイズするタブに進みます。
  5. Tileの表示を変更します。
  6. Tileのサイズを調整します。
  7. Tileの背景が必要な場合は有効にします。
    1. Tileの背景色を設定します。
  8. スポンサーカテゴリーの表示を有効にします。
    1. スポンサーカテゴリーの色を調整します。
  9. スポンサー名を有効にします。
    1. スポンサー名の色を調整します。


ボタン要素

設定
  1. Design > Webサイトに移動します。Dockから差出人を選びます。
  2. 編集をクリックし、Webサイトを選択します。
  3. ヒーローセクションにカーソルを合わせ、ボタングループに関連付けられている設定アイコンをクリックします。Button グループ設定パネルが表示されます。
  4. 編集したいボタンの隣にある編集アイコンをクリックします。
  5. 新しいボタンを追加するには、追加する新規Buttonをクリックします。



  6. ボタンを設定するには、ボタンに関連付けられている編集アイコンをクリックします。Button 設定パネルが表示されます。
  7. 設定タブに移動します。
  8. Button 種類をドロップダウンから選択します。



    1. Register Now: 参加者を登録ページへ誘導します。
      1. Button Textを設定します
      2. Alternate Registration リンクを設定（任意）
    2. 取得する in Touch: 訪問者が簡単に連絡できるようにします。
      1. Button Textを設定します
    3. 追加する to Calendar: イベントの日付を個人のカレンダーに保存できるようにします。
      1. Button Textを設定します
    4. 印刷する Agenda: 訪問者がイベントスケジュールをダウンロード／印刷できるようにします。
      1. Button Textを設定します
    5. 取得する Directions: インタラクティブな地図でイベント会場を案内します。
      1. Button Textを設定します
    6. カスタム: 複数のリンク設定が可能です。
      1. Page: ドロップダウンから選択します。
      2. External URL: URLを入力し、新しいタブで開くかどうかを選択します。
      3. Speakers: すべての設定済みスピーカーから選択します。
      4. Sessions: すべてのスケジュール済みセッションから選択します。
      5. Sponsors: すべての承認済みスポンサーから選択します。
      6. Event Listing: イベント関連情報を表示します。
      7. チケット: 購入者向けにチケットクラスを選択します。
    7. Become a Sponsor: パートナーシップや資金調達のご案内
      1. Button Textを設定します
    8. リンク a カスタム Form: お問い合わせやフィードバック用
      1. カスタム Formを選択します
      2. Button Textを設定します
    9. Become an Exhibitor: 製品の展示をご希望の場合
      1. Button Textを設定します
    10. サインインする: ユーザーがログインできるようにします。
      1. ボタンのテキストを設定します
  9. 保存をクリックします。
  10. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。
デザイン



  1. デザイン > Webサイト差出人Dockに移動します。
  2. 編集をクリックし、Webサイトを選択します。
  3. ヒーローセクションにカーソルを合わせ、ボタングループに関連付けられている設定アイコンをクリックします。ボタングループ設定パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。ボタン設定パネルが表示されます。
  5. デザインタブに移動します。
  6. ボタンをカスタマイズします：
    1. ボタンサイズ：極小、小、または中
    2. ボタンのスタイル：塗りつぶし、ゴースト、またはリンク
    3. ボタンの色：
    4. 塗りつぶしスタイル：テキストの色と背景をカスタマイズします。
      1. 枠線オプションを切り替え（有効時に太さと色を調整）。
    5. ゴーストスタイル：テキストの色をカスタマイズします。
      1. 枠線オプションを切り替え（有効時に太さと色を調整）。
    6. リンクスタイル：テキストの色のみカスタマイズ可能です。
    7. 必要に応じてリセットするto 初期設定をクリックします。
  7. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。
Idea
ボタンの色は単色またはグラデーションでカスタマイズ可能です。カラー ピッカーをクリックし、設定画面で選択してください。
Info
  1. ボタングループ全体をカスタマイズするには、ボタングループ設定パネルのデザインタブに移動してください。
  2. また、ボタングループセクションにカーソルを合わせてボタン横の編集アイコンをクリックすると個別の設定パネルを開くこともできます。

テキスト要素
  1. テキスト項目に text を入力します。
  2. テキストを選択し、以下の設定で書式を整えます:



    1. 太字: テキストを太字にします。
    2. イタリック: テキストに斜体スタイルを適用します。
    3. 下線: テキストに下線を引きます。
    4. 取り消し線: テキストに取り消し線を追加します。
    5. サイズ: フォントサイズを調整します。
    6. フォントファミリー: フォント内の文字の太さやスタイルを設定します。
    7. 配置: 選択したテキストを左寄せ、中央揃え、右寄せなどに整列します。
    8. テキストカラー: テキストの色や透明度を変更します。
    9. テキスト背景: テキスト自体に背景色を追加します（ブロック全体ではありません）。
    10. テキスト変換: 大文字・小文字などの文字種を変更します。
    11. 行間: テキスト行間のスペースを調整します。
    12. 文字間隔: 文字同士の間隔を変更します。
    13. スクリプト サブ: 選択したテキストを下付き文字（通常の行より下）に設定します。
    14. スクリプト スーパー: 選択したテキストを上付き文字（通常の行より上）に設定します。
    15. クリア: テキストブロックのプロパティに影響を与えず、すべてのテキスト書式設定を解除します。
  3. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。


ボタン要素

設定
  1. デザイン > Webサイトに移動し、Dockの差出人を選択します。
  2. 編集をクリックし、Webサイトを選択します。
  3. ヒーローセクションにカーソルを合わせ、ボタングループの設定アイコンをクリックします。Button グループ 設定パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。
  5. 新しいボタンを追加するには、追加する新規Buttonをクリックします。



  6. ボタンを設定するには、該当ボタンの編集アイコンをクリックします。Button 設定パネルが表示されます。
  7. 設定タブへ移動します。
  8. Button 種類をドロップダウンから選択します。



    1. Register Now: 参加者を登録ページへ誘導します。
      1. Button Textを設定します。
      2. Alternate Registration リンクを設定（任意）
    2. 取得する in Touch: 訪問者が簡単に連絡できるようにします。
      1. Button Textを設定します。
    3. 追加する to Calendar: イベント日付を個人カレンダーに保存できるようにします。
      1. Button Textを設定します。
    4. 印刷する Agenda: 訪問者がイベントスケジュールをダウンロード・印刷できるようにします。
      1. Button Textを設定します。
    5. 取得する Directions: インタラクティブマップでイベント会場を案内します。
      1. Button Textを設定します。
    6. カスタム: 複数のリンク設定が可能です。
      1. Pageの場合：ドロップダウンから選択します。
      2. External URLの場合：URLを入力し、新しいタブで開くかどうかを選択します。
      3. Speakersの場合：すべての設定済みスピーカーから選択します。
      4. Sessionsの場合：すべての予定済みセッションから選択します。
      5. Sponsorsの場合：すべての確定スポンサーから選択します。
      6. Event Listingの場合：イベントに関する情報を表示します。
      7. チケットの場合：購入者向けにチケットクラスを選択します。
    7. Become a Sponsor: パートナーシップや資金調達の募集
      1. Button Textを設定します。
    8. リンク a カスタム Form: お問い合わせやフィードバック用
      1. カスタム Formを選択します。
      2. Button Textを設定します。
    9. Become an Exhibitor: 商品の展示申込用
      1. Button Textを設定します。
    10. サインインする: ユーザーがログインできるようにします。
      1. ボタンのテキストを設定します。
  9. 保存をクリックします。
  10. イベントが下書き状態の場合、公開をクリックして公開します。すでに有効な場合は、再公開してください。
デザイン



  1. Design > Webサイト 差出人ドックに移動します。
  2. 編集 Webサイトをクリックします。
  3. ヒーローセクションにカーソルを合わせ、ボタングループのSettingアイコンをクリックします。Button グループ 設定パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。Button 設定パネルが表示されます。
  5. Designタブに移動します。
  6. ボタンをカスタマイズします：
    1. Button Size: Tiny、Small、または中
    2. ボタンのスタイル: Filled、Ghost、またはリンク
    3. ボタンの色：
    4. Filledスタイル：Text ColorとBackgroundをカスタマイズします。
      1. Borderオプションを切り替え（有効時に太さや色を調整可能）。
    5. Ghostスタイル：Text Colorをカスタマイズします。
      1. Borderオプションを切り替え（有効時に太さや色を調整可能）。
    6. リンクスタイル：Text Colorのみカスタマイズ可能。
    7. 必要に応じてリセットする to 初期設定をクリックします。
  7. イベントが下書き状態の場合は、公開をクリックして公開します。すでに有効になっている場合は、Republishしてください。
Idea
ボタンの色は、単色またはグラデーションでカスタマイズできます。設定中にカラーピッカーをクリックして選択してください。
Info
  1. ボタングループ全体をカスタマイズするには、Button グループ 設定パネルのDesignタブに移動してください。
  2. また、ボタングループセクションにカーソルを合わせ、ボタンの横にある編集アイコンをクリックすると、個別の設定パネルを開くこともできます。

テキスト要素
  1. テキスト項目に text を入力します。
  2. text を選択し、次の設定で書式を設定します。



    1. 太字: テキストを太字にします。
    2. イタリック: テキストに斜体スタイルを適用します。
    3. 下線: テキストに下線を引きます。
    4. 取り消し線: テキストに取り消し線を追加します。
    5. サイズ: フォントサイズを調整します。
    6. フォントファミリー: フォント内で文字の太さやスタイルを設定します。
    7. 整列: 選択したテキストの配置（例：左寄せ、中央寄せ、右寄せ）を設定します。
    8. テキストカラー: テキストの色や透明度を変更します。
    9. テキスト背景: テキスト自体に背景色を追加します（ブロック全体ではありません）。
    10. テキスト変換: テキストの大文字・小文字を変更します（例：大文字、小文字）。
    11. 行間: テキスト行間のスペースを調整します。
    12. 文字間隔: 文字間のスペースを変更します。
    13. 下付き: 選択したテキストを下付きに設定します（通常の行より下）。
    14. 上付き: 選択したテキストを上付きに設定します（通常の行より上）。
    15. クリア: テキストの書式設定のみすべてクリアします（テキストブロックのプロパティには影響しません）。
  3. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。

フロアプラン
  1. 追加セクションダイアログボックスで、フロアプランセクションを追加する前に、追加したいフロアプランの種類を選択します。



    1. フロアプラン（出展者向け）を選択すると、出展者がフロアプラン上で直接利用可能なブースを予約できるようになります。予約済みおよび無効なブースも表示されます。
    2. フロアプラン（イベント参加者向け）を選択すると、予約済みブースと予約した出展者のみが表示されます。
Info
まだフロアプランを作成していない場合は、代わりに画像をアップロードすることもできます。

Exhibitor カテゴリー



このセクションを使用して、イベントで利用可能なExhibitorカテゴリーを表示できます。

テキスト項目
  1. テキスト項目にテキストを入力します。
  2. テキストを選択し、以下の設定で書式を整えます。



    1. 太字: テキストを太字にします。
    2. 斜体: テキストに斜体スタイルを適用します。
    3. 下線: テキストに下線を引きます。
    4. 取り消し線: テキストに取り消し線を追加します。
    5. サイズ: フォントサイズを調整します。
    6. フォントファミリー: フォント内で文字の太さを設定します。
    7. 配置: 選択したテキストを左寄せ、中央揃え、右寄せなどで整列します。
    8. テキストカラー: テキストの色や透明度を変更します。
    9. テキスト背景: テキスト自体に背景色を追加します（ブロック全体ではありません）。
    10. テキスト変換: テキストの大文字・小文字を変更します。
    11. 行の高さ: テキストの行間を調整します。
    12. 文字間隔: 文字と文字の間隔を調整します。
    13. スクリプト（下付き）: 選択したテキストを下付き（通常の行より下）に設定します。
    14. スクリプト（上付き）: 選択したテキストを上付き（通常の行より上）に設定します。
    15. クリーン: テキストの書式設定をすべてクリアします（テキストブロックのプロパティはそのまま）。
  3. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。

Exhibitor リスト  


  

Section 設定 - Section レベル
  1. Exhibitor Listingセクション上にカーソルを合わせ、設定アイコンをクリックします。Exhibitor 設定パネルが表示されます。
  2. カスタマイズするタブに移動します。
  3. グループカテゴリーが必要な場合は有効にします。
  4. Exhibitor 名前トグルを有効にすると、セクションで出展者名が表示されます。
  5. カテゴリー名前Alignmentを設定します。
  6. ExhibitorAlignmentを設定します。
  7. 番号ofColumnsを選択します。
出展者カテゴリーの並べ替え
  1. Exhibitor Listingセクション上にカーソルを合わせ、設定アイコンをクリックします。Exhibitor 設定パネルが表示されます。
  2. 管理Categoriesタブに移動します。
  3. 並べ替えアイコンをスライドの左側でクリックします。
  4. ドラッグして希望の順序に配置します。
出展者カテゴリーの非表示
  1. Exhibitor Listingセクション上にカーソルを合わせ、設定アイコンをクリックします。Exhibitor 設定パネルが表示されます。
  2. 管理Categoriesタブに移動します。
  3. 出展者カテゴリーのEyeアイコンをクリックすると、非表示にできます。
  4. もう一度クリックすると、イベントWebサイトに表示されます。

Section 設定 - カテゴリーレベル

  1. Exhibitor Listingセクション上にカーソルを合わせ、設定アイコンをクリックします。Exhibitor 設定パネルが表示されます。
  2. 管理Categoriesタブに移動します。
  3. 出展者カテゴリーの編集アイコンをクリックします。
  4. カスタマイズするタブに移動します。



  5. Follow Global 設定トグルを無効にすると、該当する出展者カテゴリーの設定を変更できます。
  6. Exhibitor 名前トグルを有効にすると、セクションで出展者名が表示されます。
  7. カテゴリー名前Alignmentを設定します。
  8. ExhibitorAlignmentを設定します。
  9. 番号ofColumnsを選択します。

チケット


Section 設定

  1. チケットセクションにカーソルを合わせ、設定アイコンをクリックします。チケット クラス 設定パネルが表示されます。
  2. カスタマイズするタブへ移動します。
  3. チケット カード Color：Theme Colorsまたはチケット クラス Colorsを選択します。
  4. 列数を設定します。
  5. 必要に応じてCarousel Sliderを有効にします。
  6. ボタンをカスタマイズします：
    1. ボタン サイズ：Tiny、Small、または中
    2. ボタン スタイル：Filled、Ghost、またはリンク
    3. ボタン 角のスタイル：RounderまたはPill
  7. 下へスクロールしてOffer 設定に移動し、差出人を選択します。
    1. 現在のオファーのみ表示

    2. 前のオファーを表示
    3. 次のオファーを表示
    4. 前のオファーと次のオファーを表示
  8. イベントが下書き状態の場合、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開します。

チケットクラスの並べ替え

  1. チケットセクションにカーソルを合わせ、設定アイコンをクリックします。チケット クラス 設定パネルが表示されます。
  2. 管理 チケットタブに移動します。
  3. スライドの左側にある並べ替えアイコンをクリックします。
  4. ドラッグして、希望の順番に配置します。
Notes
Auto-Arrange チケットのトグルを無効にすると、チケットの順番をカスタマイズできます。

チケット クラスウィジェットのデザイン

  1. チケットセクションにカーソルを合わせ、設定アイコンをクリックします。チケット クラス 設定パネルが表示されます。
  2. 管理 チケットタブに移動します。
  3. チケット クラスの編集アイコンをクリックします。
  4. チケット クラスの詳細をカスタマイズするには：



    1. チケット 詳細タブに移動します。
    2. プライマリ チケットカラーを設定します — 定額カラーまたはグラデーションのいずれかを選択します。
    3. 必要に応じて、以下の設定をカスタマイズします：
      1. ヘッダーテキストの色
      2. 本文テキストの色
      3. 背景：定額カラーまたはグラデーションを選択
      4. 枠線の色
  5. チケットボタンをデザインするには：



    1. Button 詳細タブに移動します。
    2. ボタンの外観をカスタマイズします：
      1. Button サイズ：Tiny、Small、または中
      2. Button スタイル：Filled、Ghost、またはリンク
      3. Button カラー：
        1. Filled スタイル：Textの色とBackgroundをカスタマイズ
          1. Borderオプションを切り替え（有効時に太さと色を調整可能）
        2. Ghost スタイル：Textの色をカスタマイズ
          1. Borderオプションを切り替え（有効時に太さと色を調整可能）
        3. リンクスタイル：Textの色のみカスタマイズ
      4. リセットするをクリックして初期設定に戻すことができます。
  6. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は再公開してください。

会場



テキスト項目
  1. テキスト項目にtextを入力します。
  2. テキストを選択し、以下の設定で書式を設定します。



    1. 太字：テキストを太字にします。
    2. イタリック：テキストに斜体を適用します。
    3. 下線：テキストに下線を付けます。
    4. 取り消し線：テキストに取り消し線を追加します。
    5. サイズ：フォントサイズを調整します。
    6. フォントファミリー：フォント内の文字の太さを設定します。
    7. 配置：選択したテキストの配置（例：左寄せ、中央、右寄せ）を設定します。
    8. 文字色：テキストの色や透明度を変更します。
    9. テキスト背景：テキスト自体に背景色を追加します（ブロックには影響しません）。
    10. テキスト変換：大文字・小文字など、テキストの大文字化を変更します。
    11. 行間：テキスト行間のスペースを調整します。
    12. 文字間隔：文字間のスペースを変更します。
    13. 下付き：選択したテキストを下付き（通常の行より下）に設定します。
    14. 上付き：選択したテキストを上付き（通常の行より上）に設定します。
    15. クリーン：テキストブロックのプロパティには影響せず、すべてのテキスト書式をクリアします。
  3. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに有効な場合は、再公開してください。

ホテル



ホテルリストの追加


  1. ホテルセクションにカーソルを合わせ、ホテル追加ボタンをクリックします。ホテル追加パネルが表示されます。
  2. ホテル名を入力します。ホテルが候補に表示された場合は、選択すると住所・写真・WebサイトURLが自動入力されます。
  3. 候補にホテルが表示されない場合は、以下の詳細を手動で入力してください。
    1. ホテル名（必須）
    2. 住所（必須）
    3. WebサイトURL（任意）
    4. グループコード（任意）
  4. 写真を選択をクリックし、ローカルストレージからホテルの画像をアップロードします。
  5. スライダーを使用してイベント会場からの距離を調整します。
Notes
hotel listingsは、いつでも編集または削除できます。
ご不明な点がございましたら、サポート@zohobackstage.comまでご連絡ください。

    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho Campaigns Resources

                Zoho WorkDrive Resources




                  • Desk Community Learning Series


                  • Digest


                  • Functions


                  • Meetups


                  • Kbase


                  • Resources


                  • Glossary


                  • Desk Marketplace


                  • MVP Corner


                  • Word of the Day


                  • Ask the Experts






                          Latest Feature Updates



                                  • Related Articles

                                  • ウェブページのセクション

                                    お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 マイクロサイトページの外観をカスタマイズし、イベントのブランドに合わせて各セクションを編集・個別設定できます。 セクションの追加 標準スタイルでコンテンツを表示できる要素をマイクロサイトに組み込めます。 デザイン > Webサイトに移動し、Dockから選択します。 ...

                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.