Wix イベント:イベントリストのレイアウトを変更する
読了時間:6分
イベントリスを利用して、サイト訪問者にイベントまたはイベントリストを表示します。イベントを 1つ表示するか複数表示するかを選択し、好きなレイアウトを選択します。
この記事では、次の項目について説明します:
複数のイベント向けレイアウト
サイトに複数のイベントを表示している場合は、グリッドレイアウトを選択することができます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2023/05/19/26a4f20e-4ca9-4d08-afbd-c1c8c3a69756/ecbf21be-fde5-4857-993e-bbca3d6485a5.png)
横並びレイアウト
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2023/05/19/486a58af-2bc5-47f1-8241-b8bf11a8408e/46555e10-0f6a-4dc8-aaef-a63ef67540a6.png)
リストレイアウト
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2023/05/19/f33f5dea-0f1f-42a0-99b4-52f4c45408d7/7d2318c1-1629-4d9a-9bbe-175235e5155f.png)
主催するイベント数が多い場合は、カレンダーレイアウトを使用して表示する方が便利な場合があります。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2023/05/19/1ef758a4-2404-4b7f-804f-9fb9e153ec79/e2e52b63-f1b0-4f5c-9b3c-60f130f3af5c.png)
各レイアウトはカスタマイズ可能で、ビジネスに適したレイアウトを作成できます。
単一イベントのレイアウト
注意:
単一イベントのレイアウトオプションは、現在 Editor X ではご利用いただけません。
サイトで単一のイベントを表示する場合は、イベント画像や詳細を含み画面全体に表示する「標準」レイアウトを選択できます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2023/05/19/d77e6ead-3a32-48da-b6a8-382c04924c73/30735a72-2d5e-4cbe-9f8a-8f97920b984c.png)
または、サイトページ自体に必要なコンテンツを追加し、「ボタン」レイアウトを選択することもできます。このボタンを利用すると、サイト訪問者を参加申込み・チケット購入画面に誘導することができます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2023/05/19/5bbb9242-95b3-4494-93bb-627e99e895e8/460e4c0a-cb88-40ec-b345-bb2fa98294cf.png)
ヒント:
正しく画像が表示されるようアップロード・カスタマイズする方法はこちらをご覧ください。
レイアウトを選択・カスタマイズする
まず、単一のイベントを表示するか、複数のイベントを表示するかを選択します。この選択は、設定パネルの「イベントの表示」タブで行うことができます。
完了したら、「レイアウト」タブに移動して特定のレイアウトを選択し、カスタマイズします。
レイアウトをカスタマイズする方法:
- エディタで Wix イベントアプリをクリックします。
- 「設定」アイコン
をクリックします。
- 「レイアウト」タブをクリックします。
- 次に実行する内容を選択します:
複数イベントのレイアウトをカスタマイズする
単一イベントのレイアウトをカスタマイズする
モバイル表示をカスタマイズする
注意:
以下のカスタマイズ機能は Editor X ではご利用いただけません。
モバイルデバイスでのイベントの表示方法をカスタマイズします。モバイル端末用に最適化された 2つのレイアウトのいずれかを選択し、画像の表示、配置、間隔をカスタマイズします。
モバイル表示で変更を加えても、デスクトップ表示は変更されません。
モバイルレイアウトをカスタマイズする方法:
- エディタの Wix イベントアプリに移動します。
- モバイルエディタに切り替える:
- Wix エディタ:エディタトップバーで「モバイルエディタに切り替え」アイコン
をクリックします。
- Editor X:エディタ上部の「モバイル」ブレークポイントをクリックします。
- Wix エディタ:エディタトップバーで「モバイルエディタに切り替え」アイコン
- Wix イベントアプリを選択します。
- 「設定」アイコン
をクリックします。
- 「レイアウト」タブをクリックします。
- 次のいずれかのオプションを使用してレイアウトをカスタマイズします:
- イベントレイアウト:レイアウトを選択します。
- リストの間隔:イベントの間隔をカスタマイズします。
- 画像の比率:1:1(正方形)または 16:9 の画像比率を選択します。
- サイズ変更オプション:サイズが合わない画像をトリミングしたり、サイズを変更したりします。
- 不透明度:イベント画像の不透明度を設定します。
- 画像背景:画像の背景色を選択します。
- テキストの配置:テキストを左・中央・右に配置します。
お役に立ちましたか?
|