ウェブページセクション

ウェブページセクション

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

概要

Webサイトセクションのガイドでは、Zoho Backstage でイベント Webサイトの構造を作成・管理する方法を説明します。テキスト、メディア、スピーカー、スポンサー、チケット、会場情報、その他のあらかじめ用意されたさまざまなセクションを、サイト内の各ページに追加できます。各セクションは特定のコンテンツを表示するように設計されており、レイアウト、コンテンツ、背景、表示設定をカスタマイズできます。

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


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

セクションを追加する


  1. ドックからデザイン > Webサイトに移動します。
  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. このセクションを複製して配置したいページを選択します。
  6. 複製をクリックします。選択したページの一番下に、セクションの複製が作成されます。
  7. 必要に応じて、複製したセクションをカスタマイズします。
  8. イベントが下書きステータスの場合は公開を、イベントが有効または開催中の場合は再公開をクリックします。

セクションに背景を追加する


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

セクションを非表示/表示にする


  1. ドックからデザイン > Webサイトに移動します。
  2. Webサイトを編集をクリックします。
  3. ナビゲーションバーを使用して、セクションを非表示または表示したいページに移動します。
  4. セクションにカーソルを合わせ、セクション右上のアイコンをクリックして、表示設定を切り替えます。
  5. イベントが下書きステータスの場合は公開を、イベントが有効または開催中の場合は再公開をクリックします。

セクションを削除する


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

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

メディア+テキスト



メディアとテキストセクションでは、画像や動画に説明テキストとCTA(行動喚起ボタン)を組み合わせて配置できます。

セクション設定


  1. メディアとテキストセクションにカーソルを合わせ、表示される設定アイコンをクリックします。メディアとテキスト設定パネルが開きます。
  2. ここでは次の操作ができます:
    1. 変更するをクリックし、利用可能なテンプレートからレイアウトを選択します。
    2. Horizontal Alignment設定を使用して、テキストとCTAの水平方向の配置を調整します。
    3. Buttonを有効または無効にします。
    4. Mediaを有効または無効にします。メディアを有効にした場合:
      1. Media Positionを選択します: メディアをのどこに表示するかを選びます。
      2. Media Sizeを選択します: コンテンツレイアウトに応じてメディアのサイズを設定します。
      3. Vertical Alignment 設定を使用して、テキストとCTAの垂直方向の配置を調整します。
  3. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。

テキスト要素

  1. テキスト要素にテキストを入力します。
  2. テキストを選択し、次の設定を使って書式を設定します:



    1. Header: 選択したテキストを段落、見出し2、見出し3、見出し4、見出し5のいずれかに設定します。
    2. Size: フォントサイズを調整します。
    3. Font Family: フォント内の文字の太さを設定します。
    4. Bold: テキストを太字にします。
    5. Italic: テキストに斜体スタイルを適用します。
    6. Underline: テキストに下線を付けます。
    7. Strikethrough: テキストに取り消し線を追加します。
    8. Alignment: 選択したテキストの配置(左揃え、中央揃え、右揃えなど)を設定します。
    9. Ordered List: 番号付きリストを作成します。
    10. Bullet List: 箇条書きリストを作成します。
    11. Indent -1: テキストのインデントレベルを減らします。
    12. Indent +1: テキストのインデントレベルを増やします。
    13. Line 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. メディアとテキストセクションにカーソルを合わせ、要素上のメディアを追加をクリックします。メディアの編集パネルが表示されます。
  2. 画像VideoEmbedのいずれかを選択します:
    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. 編集したい画像にカーソルを合わせ、設定アイコンをクリックします。メディア設定パネルが表示されます。
  2. Media Shapeを選択します: SquareCircleRectangle、またはOriginal
  3. Media Fitを選択します: FitまたはCover(Original 形状では利用できません)。
  4. メディアのBorderを設定します。枠線を表示したくない場合は、値を0にします。
    1. 角の丸みを入力します。
  5. Border Colorを選択します。
  6. 必要に応じてMedia Backgroundを有効にします。
    1. Background Colorを選択します。
  7. すべてのメディアに変更を適用をクリックして、編集中のセクション内のすべてのメディアにこれらの設定を適用します。
  8. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。

ボタン要素

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



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



    1. Register Now: 参加者を登録ページに誘導します。
      1. Button Textを設定します。
      2. 代替登録リンクを設定します(任意)。
    2. Get in Touch: 訪問者が簡単に連絡できるようにします。
      1. Button Textを設定します。
    3. Add to Calendar: イベントの日付を個人のカレンダーに保存できるようにします。
      1. Button Textを設定します。
    4. Print Agenda: 訪問者がイベントスケジュールをダウンロード/印刷できるようにします。
      1. Button Textを設定します。
    5. Get 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. カスタムフォームにリンク: 問い合わせやフィードバック用です。
      1. カスタムフォームを選択します。
      2. Button Textを設定します。
    9. Become an Exhibitor: 商品やサービスを出展したいユーザー向けです。
      1. Button Textを設定します。
    10. Abstract を送信: ユーザーがイベント向けのアブストラクトを送信できるようにします。
      • ボタンのテキストを設定します。
    11. サインインする: ユーザーがログインできるようにします。
      1. ボタンのテキストを設定します。
  9. 保存をクリックします。
  10. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。
デザイン



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


Media with Text グループ



Media with Text グループセクションでは、画像や動画に説明テキストやCTA(行動喚起ボタン)を組み合わせて表示できます。

セクション設定

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



  2. ここで次の操作ができます。
    1. 変更するをクリックし、利用可能なテンプレートから選択します。
    2. Horizontal Alignment設定を使用して、テキストとCTAの水平方向の配置を調整します。
    3. Buttonを有効または無効にします。
    4. Mediaを有効または無効にします。メディアを有効にした場合:
      1. Media Positionを選択します:メディアをのどこに表示するかを選びます。
      2. Media Sizeを選択します:コンテンツレイアウトに合わせてメディアのサイズを設定します。
      3. Vertical Alignment 設定を使用して、テキストとCTAの垂直方向の配置を調整します。
  3. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。

テキスト要素

  1. テキスト要素にテキストを入力します。
  2. テキストを選択し、次の設定を使って書式を設定します。



    1. Header:選択したテキストを段落、見出し2、見出し3、見出し4、見出し5に設定します。
    2. Size:フォントサイズを調整します。
    3. フォントファミリー:フォント内の文字の太さを設定します。
    4. Bold:テキストを太字にします。
    5. Italic:テキストを斜体にします。
    6. Underline:テキストに下線を引きます。
    7. Strikethrough:テキストに取り消し線を追加します。
    8. Alignment:選択したテキストの配置(左揃え、中央揃え、右揃えなど)を設定します。
    9. Ordered List:番号付きリストを作成します。
    10. Bullet List:箇条書きリストを作成します。
    11. Indent -1:テキストのインデントレベルを減らします。
    12. Indent +1:テキストのインデントレベルを増やします。
    13. 行の高さ:テキスト行間のスペースを調整します。
    14. 文字間隔:文字同士の間隔を調整します。
    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セクションにカーソルを合わせ、要素上のメディアを追加/変更するをクリックします。メディアの編集パネルが表示されます。
  2. 画像VideoEmbedのいずれかを選択します。
    1. 画像:
      1. 画像をアップロードするか、デザインライブラリから選択します。
      2. 元の画像を使用のチェックを外すと、トリミング/反転/回転を編集できます。
    2. Video:
      1. 動画のURLをフィールドに貼り付けます。
      2. 不要な場合は削除するをクリックし、確定します。
    3. Embed:
      1. iframeコードを貼り付けます。
  3. 画像にリンクを設定するには:
    1. 画像タブで、画像の下にあるリンクアイコンをクリックします。
    2. 次の利用可能な設定から選択します。
      1. ページ(ドロップダウンから選択)
      2. 外部URL
      3. スピーカー
      4. スポンサー
      5. セッション
      6. イベント一覧
      7. チケット
      8. なし
  4. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。

メディアの編集


  1. 編集したい画像にカーソルを合わせ、設定アイコンをクリックします。メディア設定パネルが表示されます。
  2. Media Shapeを選択します:SquareCircleRectangle、または元の内容
  3. Media Fitを選択します:FitまたはCover(元の形状のメディアでは利用できません)。
  4. メディアの枠線を設定します。枠線を表示したくない場合は、値を0にします。
    1. 角の丸みを入力します。
  5. 枠線の色を選択します。
  6. 必要に応じてメディアの背景を有効にします。
    1. 背景色を選択します。
  7. すべてのメディアに変更を適用するをクリックして、編集中のセクション内のすべてのメディアにこれらの設定を適用します。
  8. イベントが下書き状態の場合は、[公開]をクリックしてイベントを公開します。すでに公開済みの場合は、[再公開]します。

ボタン要素

設定
  1. Dock でデザイン > Webサイトに移動します。
  2. Webサイトを編集をクリックします。
  3. Media with Text グループセクションにカーソルを合わせ、ボタングループに関連付けられている設定アイコンをクリックします。ボタングループ設定パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。
  5. 新しいボタンを追加するには、新規ボタンを追加をクリックします。
  6. ボタンを設定するには、ボタンに関連付けられている編集アイコンをクリックします。ボタン設定パネルが表示されます。
  7. 設定タブに移動します。
  8. ドロップダウンからボタンの種類を選択します。
    1. Register Now:参加者を登録ページに誘導します。
    2. ボタンテキストを設定します。
    3. 代替登録リンクを設定します(任意)。
    4. Get in Touch:訪問者が簡単に連絡できるようにします。
      1. ボタンテキストを設定します。
    5. Add to Calendar:イベントの日付を個人のカレンダーに保存できるようにします。
      1. ボタンテキストを設定します。
    6. Print Agenda:訪問者がイベントスケジュールをダウンロード/印刷できるようにします。
      1. ボタンテキストを設定します。
    7. Get Directions:インタラクティブマップ付きでイベント会場を案内します。
      1. ボタンテキストを設定します。
    8. カスタム:複数のリンク設定が利用できます。
      1. ページ:ドロップダウンから選択します。
      2. 外部URL:URLを入力し、新しいタブで開くかどうかを選択します。
      3. スピーカー:設定済みのスピーカーから選択します。
      4. セッション:スケジュール済みのセッションから選択します。
      5. スポンサー:確定済みのスポンサーから選択します。
      6. イベント一覧:イベント関連情報を表示します。
      7. チケット:購入者向けのチケットクラスを選択します。
    9. Become a Sponsor:スポンサー/パートナーシップを募集します。
      1. ボタンテキストを設定します。
    10. カスタムフォームにリンク:問い合わせやフィードバック用です。
      1. カスタムフォームを選択します。
      2. ボタンテキストを設定します。
    11. Become an Exhibitor:商品展示用の出展者を募集します。
      1. ボタンテキストを設定します。
    12. Abstract を送信する:ユーザーがイベント向けのアブストラクトを送信できるようにします。
      • ボタンのテキストを設定します。
    13. Sign In:ユーザーがログインできるようにします。
      1. ボタンテキストを設定します。
  9. 保存をクリックします。
  10. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。
デザイン


  1. Dock で[デザイン] > [ウェブサイト]に移動します。
  2. [ウェブサイトを編集]をクリックします。
  3. [メディア+テキスト]グループセクションにカーソルを合わせ、ボタングループに関連付けられている[設定]アイコンをクリックします。[ボタングループ設定]パネルが表示されます。
  4. 編集したいボタンの横にある[編集]アイコンをクリックします。[ボタン設定]パネルが表示されます。
  5. [デザイン]タブに移動します。
  6. ボタンをカスタマイズします。
    1. ボタンサイズTinySmall、または
    2. ボタンスタイルFilledGhost、またはリンク
    3. ボタンの色:
      1. Filled スタイル:テキストの色背景をカスタマイズします。
        1. [枠線]オプションを切り替えます(有効時に太さと色を調整)。
      2. Ghost スタイル:テキストの色をカスタマイズします。
        1. [枠線]オプションを切り替えます(有効時に太さと色を調整)。
      3. リンクスタイル:テキストの色のみカスタマイズします。
    4. 必要に応じて[初期設定にリセット]をクリックします。
  7. イベントが下書き状態の場合は、[公開]をクリックしてイベントを公開します。すでに公開済みの場合は、[再公開]します。
Idea
ボタンの色は、単色またはグラデーションでカスタマイズできます。カラーピッカーをクリックして、設定の中から選択します。
Info
  1. ボタングループ全体をカスタマイズするには、[ボタングループ設定]パネルの[デザイン]タブに移動します。
  2. また、ボタングループセクションにカーソルを合わせ、ボタンの横にある[編集]アイコンをクリックして、そのボタンの個別設定パネルを開くこともできます。

番号カウンター



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

セクション設定

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



  2. [変更]をクリックしてレイアウトテンプレートを切り替えます。目的のレイアウトを選択します。
  3. 列数と要素の配置を選択します。
  4. 番号サイズ:番号のフォントサイズを選択します。
  5. [画像]を有効にする:画像を含める場合はオンにします。
  6. 画像サイズ:画像のサイズを指定します。
  7. 画像位置から選択します。
  8. 単色背景:セクションに単色の背景を設定する場合に有効にします。
  9. カルーセルスライダー:番号をスライド形式のカルーセルで表示する場合に有効にします。
  10. 無限カルーセル:カルーセルを無限ループさせる場合に有効にします。
  11. イベントが下書き状態の場合は、[公開]をクリックしてイベントを公開します。すでに公開済みの場合は、[再公開]します。

番号要素

  1. 番号をダブルクリックして[番号を編集]パネルを開きます。
  2. 番号を入力します。
  3. 必要に応じて接頭辞または接尾辞を追加します(例:+、% 、hrs)。接頭辞と接尾辞はそれぞれ5文字以内です。
  4. 番号の色を選択します。
  5. [すべての番号項目に適用]をクリックして、すべての番号項目に色を適用します。
  6. イベントが下書き状態の場合は、[公開]をクリックしてイベントを公開します。すでに公開済みの場合は、[再公開]します。

番号カウンターの追加/削除/並べ替え

  1. [番号カウンター設定]パネルの[項目を管理]タブに移動します。
  2. 番号カウンターを追加するには:
    1. [新しい項目を追加] をクリックします。
  3. カウンターを並べ替えるには:
    1. スライド左側の[並べ替え]アイコンをクリックします。
    2. ドラッグして、目的の位置に配置します。
  4. カウンターを削除するには:
    1. カウンターに関連付けられている[削除]アイコンをクリックします。
  5. イベントが下書き状態の場合は、[公開]をクリックしてイベントを公開します。すでに公開済みの場合は、[再公開]します。

メディア要素

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

テキスト要素

  1. テキスト項目にテキストを入力します。
  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. Lattice
    2. Trellis
    3. Frieze
  3. 列数を設定します。
  4. 配置左揃え両端揃え右揃えから選択します。
  5. Friezeレイアウトの場合は、画像位置を設定します。
  6. 画像スタイル丸型または四角から選択します。
  7. 必要に応じて[カルーセルスライダー]を有効にします。

お客様の声の追加/削除/並べ替え


  1. [お客様の声] 設定パネルの[管理] [項目]タブに移動します。
  2. お客様の声を追加するには:
    1. [新しい項目を追加]をクリックします。
  3. お客様の声を並べ替えるには:
    1. スライド左側の[並べ替え]アイコンをクリックします。
    2. ドラッグして、目的の順序に配置します。
  4. お客様の声を削除するには:
    1. 対象のお客様の声の[削除]アイコンをクリックします。
  5. イベントが下書き状態の場合は、[公開]をクリックしてイベントを公開します。すでに公開済みの場合は、[再公開]をクリックします。

メディア要素

画像を追加する
  1. [お客様の声]セクションで[アップロード]をクリックします。
  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. テキスト要素に文字を入力します。
  2. テキストを選択し、次の設定を使って書式を設定します。



    1. Header: 選択したテキストを段落、見出し 2、見出し 3、見出し 4、見出し 5 のいずれかに設定します。
    2. Size: フォントサイズを調整します。
    3. フォント Family: フォント内の文字の太さを設定します。
    4. Bold: テキストを太字にします。
    5. Italic: テキストに斜体スタイルを適用します。
    6. Underline: テキストに下線を引きます。
    7. Strikethrough: テキストに取り消し線を追加します。
    8. Alignment: 選択したテキストを左揃え、中央揃え、右揃えにします。
    9. Ordered List: 番号付きリストを作成します。
    10. Bullet List: 箇条書きリストを作成します。
    11. Indent -1: テキストのインデントレベルを減らします。
    12. Indent +1: テキストのインデントレベルを増やします。
    13. Line 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. テキスト要素に文字を入力します。
  2. テキストを選択し、次の設定を使って書式を設定します。



    1. Header: 選択したテキストを段落、見出し 2、見出し 3、見出し 4、見出し 5 のいずれかに設定します。
    2. Size: フォントサイズを調整します。
    3. フォント Family: フォント内の文字の太さを設定します。
    4. Bold: テキストを太字にします。
    5. Italic: テキストに斜体スタイルを適用します。
    6. Underline: テキストに下線を引きます。
    7. Strikethrough: テキストに取り消し線を追加します。
    8. Alignment: 選択したテキストを左揃え、中央揃え、右揃えにします。
    9. Ordered List: 番号付きリストを作成します。
    10. Bullet List: 箇条書きリストを作成します。
    11. Indent -1: テキストのインデントレベルを減らします。
    12. Indent +1: テキストのインデントレベルを増やします。
    13. Line 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. セクションのタイトル: テキストセクションのメイン見出しです。
  2. セクションのサブタイトル: 件名を補足する短いテキストです。下に続くコンテンツの概要を訪問者に伝えるために使用します。
  3. セクション本文: 詳細なテキストを入力するメインコンテンツエリアです。この項目では、見出し、太字、斜体、リスト、リンクなどの書式設定が利用できます。イベントの目的、スケジュールのハイライト、スピーカー一覧などを説明するのに最適です。

セクション設定  


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

テキスト要素

  1. テキスト項目にテキストを入力します。
  2. テキストを選択し、次の設定を使って書式を設定します:



    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. リストセクションにカーソルを合わせ、関連付けられている設定アイコンをクリックします。リスト 設定パネルが表示されます。
  2. 変更するをクリックして、別のテンプレートレイアウトを選択します。
  3. リスト種類を選択します:

  4. リストスタイルを選択します。
  5. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。

テキスト要素

  1. テキスト項目にテキストを入力します。
  2. テキストを選択し、次の設定を使って書式を設定します:



    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
これらの設定の一部は、項目によっては利用できない場合があります。

埋め込みウィジェット



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

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



ギャラリーセクションでは、イベントの画像を視覚的に魅力的な形式で表示できます。参加者による写真アップロードを有効にしたり、ダウンロードを許可したり、顔認識検索を提供して参加者が自分の写真を見つけられるようにすることもできます。このセクションを使用して、イベントの様子を整理されたインタラクティブな形で記録・共有しましょう。参加者は画像に「いいね」したり、コメントしたり、共有したりすることもできます。

セクション設定


  1. ギャラリーセクションにカーソルを合わせ、設定アイコンをクリックします。ギャラリー設定パネルが表示されます。
  2. 要件に応じて、次の設定を有効または無効にします。
    1. 写真アップロード: 参加者がイベントギャラリーに写真をアップロードできるようにします。
      1. アップロードを許可するファイル形式(例: JPG、PNG)を選択します。
    2. 写真のアップロード期間を設定:
      1. 開始 日付: アップロードを開始できる日付。
      2. 終了 日付: アップロードが終了する日付。
    3. NSFW コンテンツブロッカー:
      1. 自動的にブロックするコンテンツカテゴリを選択します。
        1. 露骨なヌード
        2. きわどい・示唆的なコンテンツ
        3. 流血・残虐・暴力表現
        4. 薬物・違法物質
        5. 武器
    4. 写真ダウンロード: このオプションを有効にすると、参加者がギャラリーから写真をダウンロードできるようになります。
    5. 検索での顔認識: 参加者が顔認識を使って自分の写真を検索できるようにします。参加者は、自分の画像をギャラリー内で見つけるために、自撮り写真をアップロードまたは撮影する必要があります。

画像の管理

新しい画像の追加


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


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


  1. Arrangementタブで、画像の横にある並べ替えアイコンをクリックします。
  2. 画像をドラッグ&ドロップして、目的の位置に配置します。
Info
いずれのギャラリーウィジェットにアップロードされた画像も独立しており、イベントサイト上のギャラリータブ内の画像とは連動しません。

Speakers


Speakersセクションでは、イベントで登壇するスピーカーを紹介できます。名前、画像、肩書き、所属組織を、視覚的にわかりやすいレイアウトで表示します。

セクション設定


  1. サイトビルダーでSpeakersセクションにカーソルを合わせ、設定アイコンをクリックします。
  2. Speaker設定パネルで、次の項目を設定します。
    1. デザインレイアウト: 表示形式としてFriezePolaroidTrellisAuraMosaicのいずれかを選択します。



    2. Background Style: セクションの背景をFillまたは空である(透過)に設定します。
    3. Alignment: セクション内でスピーカーコンテンツをどの位置に揃えるかを選択します(例:LeftCenterRight)。
    4. 画像 Style: スピーカーの写真をRoundまたはSquareで表示します。
    5. Carousel Slider: スピーカー情報をスライダーのように横スクロールさせたい場合は、このオプションを有効にします。
ボタン要素


設定


  1. Dock からDesign > Webサイトに移動します。
  2. Webサイト編集をクリックします。
  3. ヒーローセクションにカーソルを合わせ、ボタングループに関連付けられているSettingアイコンをクリックします。ボタングループ設定パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。
  5. 新しいボタンを追加するには、追加する新規 Button をクリックします。
  6. ボタンを設定するには、そのボタンに関連付けられている編集アイコンをクリックします。ボタン設定パネルが表示されます。
  7. 設定タブに移動します。
  8. ドロップダウンからボタン種類を選択します。
    1. Register Now: 参加者を登録ページに誘導します。
      1. ボタンテキストを設定します。
      2. 代替登録リンクを設定します(任意)。
    2. 取得する in Touch: 訪問者が簡単に連絡できるようにします。
      1. ボタンテキストを設定します。
    3. 追加する to Calendar: イベントの日付を個人のカレンダーに保存できるようにします。
      1. ボタンテキストを設定します。
    4. 印刷する Agenda: 訪問者がイベントスケジュールをダウンロード/印刷できるようにします。
      1. ボタンテキストを設定します。
    5. 取得する Directions: インタラクティブマップ付きでイベント会場を案内します。
      1. ボタンテキストを設定します。
    6. カスタム: 複数のリンク設定が可能です。
      1. Pageの場合: ドロップダウンから選択します。
      2. External URLの場合: URL を入力し、新しいタブで開くかどうかを選択します。
      3. Speakersの場合: 設定済みスピーカーの中から選択します。
      4. Sessionsの場合: 予定されているセッションの中から選択します。
      5. Sponsorsの場合: 確定済みスポンサーの中から選択します。
      6. Event Listingの場合: イベント関連情報を表示します。
      7. チケットの場合: 購入者向けのチケットクラスを選択します。
    7. Become a Sponsor: 協賛・支援を募集します。
      1. ボタンテキストを設定します。
    8. リンク a カスタム Form: 問い合わせやフィードバック用です。
      1. カスタムFormを選択します。
      2. ボタンテキストを設定します。
    9. Become an Exhibitor: 商品展示を希望する出展者向けです。
      1. ボタンテキストを設定します。
    10. 送信する Abstract:ユーザーがイベント向けのアブストラクトを送信できるようにします。
      • ボタンのテキストを設定します。
    11. サインインする: ユーザーがログインできるようにします。
      1. ボタンのテキストを設定します。
  9. 保存をクリックします。
  10. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開中の場合は、Republishで再公開します。
Design


  1. Design > Webサイト に Dock から移動します。
  2. Webサイト編集をクリックします。
  3. ヒーローセクションにカーソルを合わせ、ボタングループに関連付けられているSettingアイコンをクリックします。ボタングループ設定パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。ボタン設定パネルが表示されます。
  5. Designタブに移動します。
  6. ボタンをカスタマイズします。
    1. ボタンSize: TinySmall中, Large またはExtra Large
    2. ボタンのスタイル: FilledGhost、またはリンク
    3. ボタンの色:
      1. Filledスタイル: TextColorBackgroundをカスタマイズします。
        1. Borderオプションを切り替えます(有効時に太さと色を調整)。
      2. Ghostスタイル: TextColorをカスタマイズします。
        1. Borderオプションを切り替えます(有効時に太さと色を調整)。
      3. リンクスタイル: TextColorのみカスタマイズします。
      4. 必要に応じてリセットするto 初期設定をクリックします。
  7. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開中の場合は、Republishで再公開します。
Idea
ボタンの色は、単色またはグラデーションでカスタマイズできます。カラーピッカーをクリックして、設定の中から選択します。
Info
  1. ボタングループ全体をカスタマイズするには、ボタングループ設定パネルのDesignタブに移動します。
  2. また、ボタングループセクションにカーソルを合わせ、ボタンの横にある編集アイコンをクリックして、そのボタンの個別設定パネルを開くこともできます。

テキスト要素
  1. テキスト項目にテキストを入力します。
  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. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開中の場合は、Republishで再公開します。

Sponsors


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


  1. Sponsorsセクションにカーソルを合わせ、そのセクションに関連付けられている設定アイコンをクリックします。Sponsor設定パネルが表示されます。
  2. カスタマイズするタブに移動します。
  3. Tile表示するとしてGridSliderInfiniteCarouselのいずれかを選択します。
  4. セクション内にスポンサーのカテゴリ名を表示するには、表示カテゴリーSponsorトグルを有効にします。
    1. 必要に応じてSponsorカテゴリーの色を変更します。
  5. セクション内にスポンサー名を表示するには、表示Sponsor名前トグルを有効にします。
    1. 必要に応じてSponsor名前Colorを変更します。
  6. スポンサーカテゴリ間に横線を追加するには、カテゴリーSeparatorを有効にします。
スポンサーカテゴリの並べ替え



  1. Sponsors セクションにカーソルを合わせ、関連付けられている設定アイコンをクリックします。Sponsor 設定パネルが表示されます。
  2. 管理 > 商品タブに移動します。
  3. スライド左側の並べ替えアイコンをクリックします。
  4. ドラッグして、任意の順序に配置します。
スポンサーカテゴリを非表示にする
  1. Sponsors セクションにカーソルを合わせ、関連付けられている設定アイコンをクリックします。Sponsor 設定パネルが表示されます。
  2. 管理 > 商品タブに移動します。
  3. スポンサーカテゴリに関連付けられているのアイコンをクリックして、そのカテゴリを非表示にします。
  4. イベントWebサイトに再表示するには、再度クリックします。

セクション設定 - カテゴリレベル


  1. Sponsors セクションにカーソルを合わせ、関連付けられている設定アイコンをクリックします。Sponsor 設定パネルが表示されます。
  2. 管理 > 商品タブに移動します。
  3. スポンサーカテゴリに関連付けられている編集アイコンをクリックします。
  4. [カスタマイズ] タブに移動します。
  5. タイル表示方法を変更します。
  6. タイルサイズを調整します。
  7. 必要に応じてタイル背景を有効にします。
    1. タイル背景を設定します。
  8. Sponsorカテゴリ表示を有効にします。
    1. Sponsorカテゴリを調整します。
  9. Sponsorを有効にします。
    1. Sponsorを調整します。



ボタン要素

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



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



    1. Register Now:参加者を登録ページに誘導します。
      1. ボタンテキストを設定します。
      2. 任意で代替登録リンクを設定します。
    2. Get in Touch:訪問者が簡単に連絡できるようにします。
      1. ボタンテキストを設定します。
    3. 追加する to Calendar:イベントの日付を個人のカレンダーに保存できるようにします。
      1. ボタンテキストを設定します。
    4. 印刷する Agenda:訪問者がイベントスケジュールをダウンロード/印刷できるようにします。
      1. ボタンテキストを設定します。
    5. Get Directions:インタラクティブマップ付きでイベント会場情報を提供します。
      1. ボタンテキストを設定します。
    6. カスタム:複数のリンク設定が可能です。
      1. ページ:ドロップダウンから選択します。
      2. 外部URL:URL を入力し、新しいタブで開くかどうかを選択します。
      3. スピーカー:設定済みのスピーカーから選択します。
      4. セッション:スケジュール済みのセッションから選択します。
      5. Sponsors:確定済みのスポンサーから選択します。
      6. イベント一覧:イベント関連情報を表示します。
      7. チケット:購入者向けのチケットクラスを選択します。
    7. Become a Sponsor:スポンサー/協賛を募集します。
      1. ボタンテキストを設定します。
    8. カスタム フォームへのリンク:問い合わせやフィードバック用です。
      1. カスタムフォームを選択します。
      2. ボタンテキストを設定します。
    9. Become an Exhibitor:出展者として商品を紹介してもらうためのボタンです。
      1. ボタンテキストを設定します。
    10. 抄録を送信:ユーザーがイベント用の抄録を送信できるようにします。
      • ボタンのテキストを設定します。
    11. Sign In:ユーザーがログインできるようにします。
      1. ボタンのテキストを設定します。
  9. 保存をクリックします。
  10. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。
デザイン



  1. ドックからDesign > Webサイト に移動します。
  2. Webサイト編集をクリックします。
  3. ヒーローセクションにカーソルを合わせ、ボタングループに関連付けられている設定アイコンをクリックします。ボタングループ設定パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。ボタン設定パネルが表示されます。
  5. Designタブに移動します。
  6. ボタンをカスタマイズします。
    1. ボタンサイズTinySmall、または
    2. ボタンスタイル:FilledGhost、またはリンク
    3. ボタンの色:
    4. Filledスタイル:テキスト背景をカスタマイズします。
      1. 枠線オプションを切り替えます(有効時は太さと色を調整できます)。
    5. Ghostスタイル:テキストをカスタマイズします。
      1. 枠線オプションを切り替えます(有効時は太さと色を調整できます)。
    6. リンクスタイル:テキストのみカスタマイズします。
    7. 必要に応じて初期設定にリセットをクリックします。
  7. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。
Idea
ボタンの色は、単色またはグラデーションでカスタマイズできます。カラーピッカーをクリックして、設定の中から選択します。
Info
  1. ボタングループ全体をカスタマイズするには、ボタングループ設定パネルのDesignタブに移動します。
  2. また、ボタングループセクションにカーソルを合わせ、ボタン横の編集アイコンをクリックして、そのボタンの個別設定パネルを開くこともできます。

テキスト要素
  1. テキスト項目に文字を入力します。
  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. ドックからデザイン > ウェブサイトに移動します。
  2. ウェブサイトを編集をクリックします。
  3. ヒーローセクションにカーソルを合わせ、ボタングループに関連付けられている設定アイコンをクリックします。[ボタングループの設定]パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。
  5. 新しいボタンを追加するには、新しいボタンを追加をクリックします。



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



    1. Register Now:参加者を登録ページに誘導します。
      1. ボタンテキストを設定します。
      2. 必要に応じて代替登録リンクを設定します。
    2. Get in Touch:訪問者が簡単に連絡できるようにします。
      1. ボタンテキストを設定します。
    3. カレンダーに追加:イベントの日付を個人のカレンダーに保存できるようにします。
      1. ボタンテキストを設定します。
    4. アジェンダを印刷:訪問者がイベントスケジュールをダウンロード/印刷できるようにします。
      1. ボタンテキストを設定します。
    5. ルートを取得:インタラクティブマップ付きでイベント会場を案内します。
      1. ボタンテキストを設定します。
    6. カスタム:複数のリンク設定が可能です。
      1. ページ:ドロップダウンから選択します。
      2. 外部URL:URLを入力し、新しいタブで開くかどうかを選択します。
      3. スピーカー:設定済みスピーカーの中から選択します。
      4. セッション:すべての予定済みセッションの中から選択します。
      5. スポンサー:確定済みスポンサーの中から選択します。
      6. イベント一覧:イベント関連情報を表示します。
      7. チケット:購入者向けのチケットクラスを選択します。
    7. スポンサーになる:協賛やパートナーシップを募集します。
      1. ボタンテキストを設定します。
    8. カスタムフォームにリンク:問い合わせやフィードバック用です。
      1. カスタムフォームを選択します。
      2. ボタンテキストを設定します。
    9. 出展者になる:製品・サービスを出展したい場合に使用します。
      1. ボタンテキストを設定します。
    10. アブストラクトを送信:ユーザーがイベント向けのアブストラクトを送信できるようにします。
      • ボタンテキストを設定します。
    11. サインイン:ユーザーがログインできるようにします。
      1. ボタンテキストを設定します。
  9. 保存をクリックします。
  10. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。
デザイン



  1. ドックからデザイン > ウェブサイトに移動します。
  2. ウェブサイトを編集をクリックします。
  3. ヒーローセクションにカーソルを合わせ、ボタングループに関連付けられている設定アイコンをクリックします。[ボタングループの設定]パネルが表示されます。
  4. 編集したいボタンの横にある編集アイコンをクリックします。[ボタンの設定]パネルが表示されます。
  5. [デザイン]タブに移動します。
  6. ボタンをカスタマイズします。
    1. ボタンサイズTinySmall、または
    2. ボタンスタイル:FilledGhost、またはリンク
    3. ボタンの色:
    4. Filledスタイル:テキストカラー背景をカスタマイズします。
      1. 枠線オプションを切り替えます(有効時に太さと色を調整できます)。
    5. Ghostスタイル:テキストカラーをカスタマイズします。
      1. 枠線オプションを切り替えます(有効時に太さと色を調整できます)。
    6. リンクスタイル:テキストカラーのみカスタマイズします。
    7. 必要に応じて[初期設定にリセット]をクリックします。
  7. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。
Idea
ボタンの色は、単色またはグラデーションでカスタマイズできます。カラーピッカーをクリックして、設定の中から選択します。
Info
  1. ボタングループ全体をカスタマイズするには、[ボタングループの設定]パネルの[デザイン]タブに移動します。
  2. また、ボタングループセクションにカーソルを合わせ、ボタンの横にある編集アイコンをクリックして、そのボタンの個別設定パネルを開くこともできます。

テキスト要素
  1. テキスト要素に文字を入力します。
  2. テキストを選択し、次の設定を使って書式を設定します。



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

フロアプラン


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



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


出展者カテゴリー



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

テキスト要素
  1. テキスト要素に文字を入力します。
  2. テキストを選択し、次の設定を使って書式を設定します。



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

出展者一覧  


  

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


  1. Exhibitor Listing セクションにカーソルを合わせ、関連付けられている設定アイコンをクリックします。Exhibitor 設定パネルが表示されます。
  2. カスタマイズするタブに移動します。
  3. 必要に応じてカテゴリー別にグループ化を有効にします。
  4. セクション内に出展者名を表示するには、Exhibitor 名前トグルを有効にします。
  5. カテゴリー配置を設定します。
  6. Exhibitor配置を設定します。
  7. を選択します。
出展者カテゴリーの並べ替え
  1. Exhibitor Listing セクションにカーソルを合わせ、関連付けられている設定アイコンをクリックします。Exhibitor 設定パネルが表示されます。
  2. 管理Categoriesタブに移動します。
  3. スライド左側の並べ替えアイコンをクリックします。
  4. ドラッグして、希望の順序に配置します。
出展者カテゴリーを非表示にする
  1. Exhibitor Listing セクションにカーソルを合わせ、関連付けられている設定アイコンをクリックします。Exhibitor 設定パネルが表示されます。
  2. 管理Categoriesタブに移動します。
  3. 出展者カテゴリーに関連付けられているアイコンをクリックして、そのカテゴリーを非表示にします。
  4. イベントWebサイトに再表示するには、再度クリックします。

セクション設定 - カテゴリーレベル

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



  5. 特定の出展者カテゴリーに対して変更を行うには、グローバル設定に従うトグルを無効にします。
  6. セクション内に出展者名を表示するには、Exhibitor 名前トグルを有効にします。
  7. カテゴリー  の配置を設定します。
  8. Exhibitor の配置を設定します。
  9.  のを選択します。

チケット


セクション設定

  1. チケットセクションにカーソルを合わせ、関連付けられている設定アイコンをクリックします。チケットクラス設定パネルが表示されます。
  2. カスタマイズするタブに移動します。
  3. チケットカードカラーとしてテーマカラーまたはチケットクラスカラーを選択します。
  4. 列数を設定します。
  5. 必要に応じてカルーセルスライダーを有効にします。
  6. ボタンをカスタマイズします。
    1. ボタン サイズ: TinySmall、または
    2. ボタン スタイル: FilledGhost、またはリンク
    3. ボタン 角のスタイル: Rounder または Pill
  7. オファー 設定までスクロールし、表示方法を選択します。
    1. 現在のオファーのみを表示

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

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

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

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

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



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



    1. Button 詳細タブに移動します。
    2. ボタンの外観をカスタマイズします。
      1. ボタン サイズ: TinySmall、または
      2. ボタン スタイル: FilledGhost、またはリンク
      3. ボタン カラー:
        1. Filledスタイル: テキスト カラー背景をカスタマイズします。
          1. 枠線オプションを切り替えます(有効時に太さと色を調整)。
        2. Ghostスタイル: テキスト カラーをカスタマイズします。
          1. 枠線オプションを切り替えます(有効時に太さと色を調整)。
        3. リンクスタイル: テキスト カラーのみをカスタマイズします。
      4. 必要に応じてリセットする to 初期設定をクリックします。
  6. イベントが下書き状態の場合は、公開をクリックしてイベントを公開します。すでに公開済みの場合は、再公開します。

会場



テキスト要素
  1. テキスト要素にテキストを入力します。
  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. Hotelsセクションにカーソルを合わせ、追加するHotelボタンをクリックします。追加する Hotelパネルが表示されます。
  2. Hotel名前を入力します。候補にホテルが表示された場合は、それを選択すると住所、写真、WebサイトURLが自動入力されます。
  3. 候補にホテルが表示されない場合は、次の詳細を手動で入力します。
    1. Hotel名前(必須)
    2. 住所(必須)
    3. WebサイトURL(任意)
    4. グループコード(任意)
  4. 選択する Photoをクリックし、ローカルストレージからホテルの画像をアップロードします。
  5. スライダーを使用して、イベント会場からの距離を調整します。
Notes
ホテルリスティングはいつでも編集または削除できます。

ご不明な点がありましたら、support@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









                                  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.