Wix イベント:サイトページに表示するイベントを選択する
読了時間:8分
Wix イベントを使用すると、必要な数のイベントを作成し、サイトの好きなページにイベントを表示することができます。

ヒント:
この記事のすべてのセクションで、新しいサイトページを追加するか、既存のページにイベントを追加することができます。
サイトページに単独のイベントを表示する
サイトページをイベント専用にして、特定のイベントを紹介します。このページには、ゲストが知っておく必要のある情報がすべて含まれます。
注意:
現在、単独のイベントの表示は Wix エディタでのみ利用できます。
ページに単一のイベントを表示する
- エディタにアクセスします。
- イベントページに移動します:
- エディタ左側で「ページ・メニュー」
をクリックします。
- 「イベントページ」をクリックします。
- 「イベント」ページをクリックします。
- エディタ左側で「ページ・メニュー」
- ページ上のイベントリストをクリックします。
- 「設定」をクリックします。
- 「イベント」タブをクリックします。
- 「イベントの表示数」下で「単独のイベント」を選択します。
- スクロールダウンして、表示するイベントを選択します。

サイトページで定期イベントを紹介する
定期イベントを作成した場合、複数の開催日時を提供する単独のイベントとして表示するか、それぞれを個別のイベントとして表示するかの 2つの方法で表示することができます。
以下をクリックし、イベントリストで各オプションがどのように表示されるかを確認してください。
複数の開催日時を提供する単独のイベントとして表示する
定期イベントを個別のイベントとして表示する
注意:
- このオプションを選択するには、定期イベントの設定が必要です。
- カレンダーレイアウトを使用している場合、イベントのすべての回が表示されます。
ページで定期イベントを紹介する方法:
Wix エディタ
Wix Studio エディタ
- エディタにアクセスします。
- イベントページに移動します:
- エディタ左側で「ページ・メニュー」
をクリックします。
- 「イベントページ」をクリックします。
- 「イベント」ページをクリックします。
- エディタ左側で「ページ・メニュー」
- ページ上のイベントリストをクリックします。
- 「設定」をクリックします。
- 「イベント」タブをクリックします。
- 「イベントの表示数」下で「複数のイベント」を選択します。
- 「どのイベントを表示しますか?」ドロップダウンからオプションを選択します:
注意:あるいは、イベントを手動で選択することもできます。- 開催予定・過去開催:過去のイベントを含むすべてのイベントが表示されます。
- 今後開催予定:今後のイベントがすべて表示されます。
- 過去のイベント:過去のイベントがすべて表示されます。
- (オプション)「どのカテゴリーを表示しますか?」ドロップダウンから、カテゴリーを選択します。
- 「定期イベントの表示方法」ドロップダウンからオプションを選択します:
- 1つのイベント:イベントが複数の日付で開催される 1つのイベントとして表示されます。
- 個別のイベント:各イベントの日付が個別のイベントとして表示されます。

イベントを手動で選択して並べ替える
特定のイベントを選択してイベントリストに表示したり、イベントの表示順序をカスタマイズしたりできます。
イベントを手動で選択して並べ替える方法:
Wix エディタ
Wix Studio エディタ
- エディタにアクセスします。
- イベントページに移動します:
- エディタ左側で「ページ・メニュー」
をクリックします。
- 「イベントページ」をクリックします。
- 「イベント」ページをクリックします。
- エディタ左側で「ページ・メニュー」
- ページ上のイベントリストをクリックします。
- 「設定」をクリックします。
- 「イベント」タブをクリックします。
- 「どのイベントを表示しますか?」ドロップダウンをクリックし、「手動で選択」を選択します。
注意:このオプションを選択しない場合、イベントは開催日順に表示されます。 - 「表示するイベントを選択」下の「イベントを選択」をクリックします。
- 表示したいイベント横のチェックボックスを選択し、「確定」をクリックします。
- 「表示順序」下でイベントの順序を選択します:
- 時系列順:「時系列順」を選択して、開始日ごとにイベントを並べ替えます。
- 手動で並べ替え:イベントをドラッグアンドドロップして並べ替えます。

「手動で選択」オプションを選択すると:
- エディタで作成した新しいイベントは自動的にサイトに表示されますが、非表示にすることができます。
- ダッシュボードで作成した新しいイベントは、デフォルトで非表示になりますが、再表示することができます。
開催予定、過去、またはすべてのイベントを表示する
複数のイベントを表示する場合、過去と今後開催予定のすべてのイベントを表示するか、開催予定のイベントのみ、または過去のイベントのみに制限することができます。
ヒント:
開催予定のイベントのみを表示する場合、イベントは自動的にサイトから削除されます。
表示するイベントのタイプを選択します:
Wix エディタ
Wix Studio エディタ
- エディタにアクセスします。
- イベントページに移動します:
- エディタ左側で「ページ・メニュー」
をクリックします。
- 「イベントページ」をクリックします。
- 「イベント」ページをクリックします。
- エディタ左側で「ページ・メニュー」
- ページ上のイベントリストをクリックします。
- 「設定」をクリックします。
- 「イベント」タブをクリックします。
- 「どのイベントを表示しますか?」ドロップダウンからオプションを選択します:
- 開催予定・過去開催:過去のイベントを含むすべてのイベントが表示されます。
- 今後開催予定:今後開催予定のすべてのイベントが表示されます。
注意:開催予定のイベントがない場合は、ライブサイトに「予定されているイベントはありません」と表示され、サンプルイベントがエディタに表示されます。 - 過去のイベント:過去のイベントがすべて表示されます。

別々のページに異なるイベントカテゴリーを表示する
別々のページに異なる種類のイベントを表示できます。たとえば、コンサート用に 1ページと講演用に 1ページを作成し、各ページに各カテゴリーのイベントを表示することができます。
始める前に:
必要なカテゴリーを作成して、該当するカテゴリーにイベントを割り当てます。
別々のページにイベントカテゴリーを表示する方法:
Wix エディタ
Wix Studio エディタ
- エディタにアクセスします。
- 単独のイベントを追加したいページに移動します。
- ページ上の Wix イベントパーツをクリックします。
- 「イベント」をクリックします。
- 「複数のイベント」を選択します。
- 「表示するイベントを選択」ドロップダウンからオプションを選択します:
- 開催予定・過去:過去のイベントを含むすべてのイベントが表示されます。
- 開催予定のイベント:今後のイベントがすべて表示されます。
- 過去のイベント:過去のイベントがすべて表示されます。
- 「どのカテゴリーを表示しますか?」ドロップダウンから、カテゴリーを選択します。
- (オプション)手順 2〜7 を繰り返し、ページに表示する別のカテゴリーを選択します。
