オンラインプログラム：オンラインプログラムページをデザインする

読了時間：4分

作成する各オンラインプログラムには独自のページがあり、プログラムの詳細や新規登録へのリンクが表示されます。

エディタを使用すると、訪問者に表示されるページと参加者に表示されるページを簡単に切り替えながら、オンラインプログラムページのレイアウト、デザイン、表示内容をカスタマイズすることができます。

オンラインプログラムページをデザインする方法：

エディタで「オンラインプログラムページ」にアクセスします。
- Wix エディタ：
  1. エディタ左側の「ページ・メニュー」をクリックします。
  2. 「オンラインプログラムページ」をクリックします。
  3. 「オンラインプログラムページ」をクリックします。
- Editor X：
  1. Editor X 上部にある「ページ」をクリックします。
  2. 「オンラインプログラムページ」下の「オンラインプログラムページ」をクリックします。
エディタで「オンラインプログラムページ」パーツをクリックします。
「設定」をクリックします。
サイト訪問者と参加者両方のページレイアウトを設定します。

サイト訪問者向け

まだオンラインプログラムに参加していないユーザー向けに、プログラムページのレイアウトをカスタマイズします。

「レイアウト」タブをクリックします。
「訪問者」タブをクリックします。
ヘッダー（オンラインプログラム名が表示される場所）のレイアウトに、「クラシック」または「横並び」のいずれかを選択します。
下記のオプションを使用し、ヘッダーをカスタマイズします：
- 画像の配置：オンラインプログラムのカバー写真の配置を選択します。
- 間隔：ヘッダーからカバー写真までの間隔を設定します。
- 詳細：ヘッダーコンテンツの配置とその周囲の余白を設定します。
- 画像 / 動画：画像または動画の高さと位置を設定します。
- 画像クロップ編集：クロップ表示するカバー写真の位置を選択します。
  注意：このオプションは、レイアウトで「横並び」を選択した場合に表示されます。
「本文」タブをクリックします（プログラムの詳細や概要が表示されるセクション）。
- オンラインプログラム本文のテキスト配置と各セクションの間隔をカスタマイズします。
「サイドバー」タブをクリックします（オンラインプログラムページの右または左に表示されるパネル）。
- 「サイドバーを表示」トグルをクリックして、ページ横にパネルを表示するかを選択します。
  - 有効：オンラインプログラム本文の横にサイドバーを表示します。サイドバーに表示する内容は「セクション」タブから選択することができます。
    - サイドバーの配置、周囲の余白、本文からの間隔をカスタマイズします。
  - 無効：サイドバーは表示されません。

参加者向け

7. ページに表示する情報を選択します。

サイト訪問者向け

参加者向け

8. サイト訪問者と参加者用にボタンのテキストとラベルをカスタマイズします。

「テキスト」タブをクリックします。
「参加ボタン」と「ステップ完了ボタン」の下にテキストを入力します。

9.「デザイン 」タブをクリックして、オンラインプログラムページの外観をカスタマイズします：

背景・区切り線

テキストスタイル

ボタン

動画

概要

サイドバー

オンラインプログラムページをデザインする方法：

お役に立ちましたか？