4.1. 公開イベントページのカスタマイズ
公開ランディングページのデザインをカスタマイズし、テンプレートギャラリーからの選択、AIによる自動生成、各セクションの表示/非表示の切り替えを行います。
1
公開ページ管理画面・テンプレートギャラリー・セクション設定
左側でデザインカスタマイズ、テンプレート選択、セクション管理を行い、右側で公開ページのリアルタイムプレビューを確認できます:
- テンプレート選択モーダル:ドロップダウンをクリックするとテンプレートライブラリが開き、キーワード検索やカテゴリ(General、Forum、Workshop...)で絞り込めます。
- セクション切替:トグルスイッチで各ブロック(説明、主催者、スケジュール、スポンサーなど)の表示/非表示を設定。
- 固定セクション&即時プレビュー:ヘッダー(Banner / Hero)とフッターは常に表示され、変更内容は即座にプレビューに反映されます。
| コンポーネント | 機能とガイドライン |
|---|---|
| ページ設定を保存 | テンプレート設定やセクションの表示/非表示設定を公開ページに保存します(リセットで未保存の変更を取り消し)。 |
| 「AIでページ作成」ボタン | AI生成ダイアログを開き、参考URLまたはプロンプト説明からランディングページを自動作成します。 |
| テンプレート選択ダイアログ | テンプレートライブラリ(クラシック、サイドバー、2カラム、サミットなど)を開きます。検索やカテゴリ絞り込みに対応しています。 |
| ページセクション一覧 | 各セクション(説明、スケジュール、登壇者、スポンサーなど)の表示/非表示を切り替えます。 |
| 「プレビュー」ボタン | 公開ランディングページを新しいタブで開き、実際の表示を確認します。 |
2
AIによるランディングページ自動生成(参考URLまたは説明文から)
「✨ AIでページ作成」ボタンをクリックしてダイアログを開き、以下の2つの方法から選択します:
| 生成方法 / 項目 | 詳しい手順 |
|---|---|
| 「参考ページから」タブ | 参考となるイベントページのURLを入力します。AIが色調、フォント、レイアウト構成を解析して新しいデザインを生成します(追加の指示も入力可能)。 |
| 「説明から」タブ | イベントのテーマ、カラー、フォントスタイル、必要なセクションなどの要望を入力します。詳細に入力するほど要望に沿ったページが生成されます。 |
| 今月の作成可能回数 | アカウントに付与されている今月のAI生成の残り回数が表示されます(例:残り20/20回)。 |
| 「ページ作成」ボタン | 「ページ作成」をクリックすると、AIがページを生成し、右側のプレビューに即座に反映されます。 |