header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

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

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

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

サイトで単独のイベントを表示する場合、2つのレイアウトオプションから選択できます:
  • 標準:イベント画像と関連するすべての詳細を表示し、包括的な概要を提供します。
  • ボタンレイアウト:明確な CTA(行動喚起)で、訪問者に参加申し込みまたはチケット購入を促すことに焦点を当てています。
注意:
  • この機能は、デスクトップの 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. 利用可能なオプションからレイアウトを選択してカスタマイズします:
OSZAR »