Wix イベント:イベントリストのレイアウトを変更する

読了時間:11分
イベントリストでは、サイト訪問者にイベントを紹介します。1つのイベントを表示する場合も、複数のイベントを表示する場合も、さまざまなレイアウトから選択して魅力的な方法でイベントを表示し、訪問者のエクスペリエンスを向上させることができます。
この記事では、次の項目について説明します:

単独イベントのレイアウトをカスタマイズする

サイトに単独のイベントを表示する場合、2つのレイアウトから選択できます:
  • 標準」レイアウトには、イベント画像と包括的な表示に必要なすべての関連情報が含まれます。
  • ボタン」レイアウトは、訪問者を参加申込またはチケット購入に誘導します。
注意:
現在、単独イベントのレイアウトのカスタマイズは Wix エディタでのみ利用できます。

単独イベントのレイアウトをカスタマイズする方法:

  1. エディタにアクセスします
  2. イベントページに移動します:
    1. エディタ左側で「ページ・メニュー をクリックします。
    2. イベントページ」をクリックします。
    3. 「イベント」ページをクリックします。
  3. ページ上の「イベントリスト」をクリックします。
  4. 設定」をクリックします。
  5. レイアウト」タブをクリックします。
  6. 希望のレイアウトを選択します:
    • 標準:画像、時間、場所を含むすべてのイベントの詳細を表示します。各詳細の見た目をカスタマイズすることができます。
    • ボタン:このレイアウトではボタンのみが表示されます。「テキスト」タブと「デザイン」タブを使用して、色、サイズ、スタイルなどのパーツを調整し、テキストとデザインを調整できます。
Wix エディタで単独のイベント用にカスタマイズしたレイアウトのスクリーンショット。

複数イベントのレイアウトを選択する

サイトページに複数のイベントを表示する場合、さまざまなオプションを使用してレイアウトをカスタマイズできます。
たとえば、カレンダーのレイアウトを選択してイベントを構造化された時系列で表示し、訪問者に今後のアクティビティを整理して表示することができます。

複数イベントのレイアウトをカスタマイズする方法:

Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします
  2. イベントページに移動します:
    1. エディタ左側で「ページ・メニュー をクリックします。
    2. イベントページ」をクリックします。
    3. 「イベント」ページをクリックします。
    4. ページ上の「イベントリスト」をクリックします。
  3. 設定」をクリックします。
  4. レイアウト」タブをクリックします。
  5. 利用可能なオプションからレイアウトを選択してカスタマイズします:

モバイル表示のレイアウトを設定する

モバイルレイアウトは、Wix エディタと Wix Studio エディタの両方から設定できます。デスクトップのレイアウト設定はモバイルにも適用されますが、モバイル表示は個別にカスタマイズできます。
Wix エディタで、モバイルに最適化された 2つのレイアウトから選択して画像の表示方法を調整します。Wix Studio エディタでは、タブレットとモバイルの両方のブレイクポイントのレイアウトを編集できます。
注意:
  • モバイルレイアウトの変更は、エディタのデスクトップ表示には影響しません。
  • タブレットレイアウトの変更は、Wix Studio エディタでのみ利用でき、デスクトップにも適用されます。

モバイル表示用のレイアウトをカスタマイズする方法:

Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします
  2. イベントページに移動します:
    1. エディタ左側で「ページ・メニュー をクリックします。
    2. イベントページ」をクリックします。
    3. 「イベント」ページをクリックします。
    4. エディタ上部で「モバイルエディタに切り替え」アイコン  をクリックします。
  3. ページ上の「イベントリスト」をクリックします。
  4. 設定」をクリックします。
  5. レイアウト」タブをクリックします。
  6. 利用可能なオプションからレイアウトを選択してカスタマイズします:

お役に立ちましたか?

|