Wix ヘルプセンター
    ホーム
  1. ビジネスの管理
  2. ビジネスソリューション・アプリ
  3. オンラインプログラム
  4. オンラインプログラムのカスタマイズ
    5. オンラインプログラム：オンラインプログラムページをカスタマイズする

オンラインプログラム：オンラインプログラムページをカスタマイズする

読了時間：12分
各オンラインプログラムには、サイトに専用のオンラインプログラムページがあります。参加者は、プログラムページからプログラムの概要、ステップ、進捗状況を確認することができます。新規サイト訪問者は、このページからプログラム情報を確認し、参加をリクエストすることができます。
好みのレイアウトを選択し、閲覧者に応じてオンラインプログラムページのデザインをカスタマイズすることができます。
この記事では、オンラインプログラムページをカスタマイズする方法について説明します：

オンラインプログラムページのレイアウトを変更する

サイトにオンラインプログラムを追加すると、各プログラムページは動的ページになります。オンラインプログラムアプリでコンテンツを編集すると、各プログラムページに該当するプログラムのコンテンツが表示されます。
プログラムのコンテンツを最もよく表すレイアウトを選択してください。サイト訪問者と参加者には異なるレイアウトを使用することができます。

レイアウトを変更する方法：

  1. エディタで「オンラインプログラムページ」にアクセスします。
    • Wix エディタ：
      1. エディタ左側の「ページ・メニュー」 をクリックします。
      2. 「オンラインプログラムページ」をクリックします。
      3. 「オンラインプログラムページ」をクリックします。
    • Editor X：
      1. Editor X 上部にある「ページ」 をクリックします。
      2. 「オンラインプログラムページ」下の「オンラインプログラムページ」をクリックします。
  2. エディタで「オンラインプログラムページ」パーツをクリックします。
  3. 「設定」をクリックします。
  4. 「レイアウト」タブをクリックします。
  5. 訪問者か現在の参加者かに応じて、レイアウトを選択します：
選択したレイアウトセットを含むオンラインプログラムページのスクリーンショット。

オンラインプログラムページのセクションをカスタマイズする

オンラインプログラムページは「概要」、「講師」、「価格」などの情報セクションで構成されています。これらのセクションに表示する内容を選択したり、ページでの順序を制御することもできます。

情報をカスタマイズする方法：

  1. エディタで「オンラインプログラムページ」にアクセスします。
    • Wix エディタ：
      1. エディタ左側の「ページ・メニュー」 をクリックします。
      2. 「オンラインプログラムページ」をクリックします。
      3. 「オンラインプログラムページ」をクリックします。
    • Editor X：
      1. Editor X 上部にある「ページ」 をクリックします。
      2. 「オンラインプログラムページ」下の「オンラインプログラム一覧」をクリックします。
  2. エディタで「オンラインプログラムページ」パーツをクリックします。
  3. 「設定」をクリックします。
  4. 「セクション」タブをクリックします。
  5. （オプション）ドラッグアンドドロップでセクションの順序を変更します。
  6. 各セクションに表示されるタイトルと情報をカスタマイズします：

オンラインプログラムページに表示する内容を選択する

オンラインプログラムページに表示する詳細とオプションを選択します。たとえば、プログラムの画像、参加者、期間などを表示するかどうかを決めることができます。また、モバイルからプログラムに参加したり、SNS でシェアしたりするオプションも利用できます。

表示する詳細を選択する方法：

  1. エディタで「オンラインプログラムページ」にアクセスします。
    • Wix エディタ：
      1. エディタ左側の「ページ・メニュー」 をクリックします。
      2. 「オンラインプログラムページ」をクリックします。
      3. 「オンラインプログラムページ」をクリックします。
    • Editor X：
      1. Editor X 上部にある「ページ」 をクリックします。
      2. 「オンラインプログラムページ」下の「オンラインプログラムページ」をクリックします。
  2. エディタで「オンラインプログラムページ」パーツをクリックします。
  3. 「設定」をクリックします。
  4. 「表示」タブをクリックします。
  5. 閲覧者が訪問者または参加者かに応じて、表示する詳細を選択します：
オンラインプログラムページに表示できる詳細のスクリーンショット。

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

豊富な色、フォントスタイル、サイズから選択して、オンラインプログラムページの外観をデザインします。

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

  1. エディタで「オンラインプログラムページ」にアクセスします。
    • Wix エディタ：
      1. エディタ左側の「ページ・メニュー」 をクリックします。
      2. 「オンラインプログラムページ」をクリックします。
      3. 「オンラインプログラムページ」をクリックします。
    • Editor X：
      1. Editor X 上部にある「ページ」 をクリックします。
      2. 「オンラインプログラムページ」下の「オンラインプログラムページ」をクリックします。
  2. エディタで「オンラインプログラムページ」パーツをクリックします。
  3. 「設定」をクリックします。
  4. 「デザイン」タブをクリックします。
  5. サイト訪問者と参加者向けにオンラインプログラムページをデザインします：
「デザイン」パネルのスクリーンショット。
ヒント：
各パネル下部の「元のデザインに戻す」をクリックして、デフォルトのデザイン設定に戻すことができます。

オンラインプログラムページでボタンのテキストを編集する

オンラインプログラムページには、参加者が参加できるボタンと、参加者がステップを完了するためのボタンがあります。これらのボタンに独自のテキストを入力して、ブランドに合ったものにすることができます。

ボタンテキストをカスタマイズする方法：

  1. エディタで「オンラインプログラムページ」にアクセスします。
    • Wix エディタ：
      1. エディタ左側の「ページ・メニュー」 をクリックします。
      2. 「オンラインプログラムページ」をクリックします。
      3. 「オンラインプログラムページ」をクリックします。
    • Editor X：
      1. Editor X 上部にある「ページ」 をクリックします。
      2. 「オンラインプログラムページ」下の「オンラインプログラムページ」をクリックします。
  2. エディタで「オンラインプログラムページ」パーツをクリックします。
  3. 「設定」をクリックします。
  4. 「テキスト」タブをクリックします。
  5. 「参加ボタン」と「ステップ完了ボタン」の下にテキストを入力します。
「テキスト」設定パネルのスクリーンショット

お役に立ちましたか？

|

この記事では下記を説明します：

  • オンラインプログラムページのレイアウトを変更する
  • オンラインプログラムページのセクションをカスタマイズする
  • オンラインプログラムページに表示する内容を選択する
  • オンラインプログラムページをデザインする
  • オンラインプログラムページでボタンのテキストを編集する