Wix エディタ:リピーター(リスト&グリッド)を追加・管理する
読了時間:5分
リピーターとは中身の異なるアイテム(例:テキストや画像)を統一されたデザインやレイアウトで表示させることができるリスト機能です。リピーターを使用すると、イベント、ニュース、サービスなど、あらゆる種類の情報を簡単に整理して表示することができます。

こちらをご参照ください:
リピーターを追加・設定する
- エディタ左側で「追加」
をクリックします。
- 「リスト」をクリックします。
- テンプレートをクリックして追加するか、サイトの適切な場所にドラッグします。
- リピーターのコンテンツを設定します:
- エディタでリピーターを選択します。
- 「アイテムを管理」をクリックします。
- 以下の操作を行います:
- 「アイテムを複製」をクリックして、リストにさらにアイテムを追加します。
- アイテムをクリック&ドラッグして、リストを並べ替えます。
- アイテムにマウスオーバーし、「もっと見る」アイコン
をクリックし、削除または複製します。
注意:
旧リストビルダーのサポートは終了し、リピーターが導入されました。アプリ経由でサイトに旧リストビルダーを追加した場合は、コンテンツをコピーして、新しいリピーターに切り替えてください。
アイテムにコンテンツを追加する
リピーター内のアイテムはすべて同じデザインです。各アイテム内のテキストや画像などのパーツは個別に設定することができますが、デザインは常に統一されます。
たとえば、ボタン上のテキストはアイテムごとに異なるものに変更できますが、ボタンをアイテム内の別の場所に移動すると、すべてのアイテムのボタンが同じ場所に移動します。
リピーターアイテムにパーツを追加すると、デザインの一貫性を保つためにすべてのアイテムに自動的に追加されます。アイテムは、内部のコンテンツに応じてサイズが変更されます。
アイテムにパーツを追加するには、「追加」パネルからアイテム内にパーツをドラッグ&ドロップします:

注意:
リピーターアイテムに追加できないパーツがあります。詳細はこちらをご覧ください。
リピーターにさらにアイテムを追加する
リピーターに追加できるアイテム数に制限はありません。
アイテムを追加する方法:
- エディタでリピーターを選択します。
- 「アイテムを管理」をクリックします。
- 下部の「アイテムを複製」をクリックします。
- 新しいアイテムを編集します。

リピーターのレイアウトを変更する
リピーターアイテムの配置、表示順(方向)、間隔を調整します。
レイアウトを変更する方法:
- エディタでリピーターを選択します。
- 「レイアウト」アイコン
をクリックします。
- レイアウトを変更するには、以下の操作を行います:
- 配置を選択します:左、中央、右または均等。
- スライダーを使用して、アイテム間の縦の間隔を調整します。
- アイテムを左から右に表示するか、右から左に表示するかを選択します。

リピーターアイテムをデザインする
個々のアイテム(画像、テキストボックス、ボタンなど)のデザインを変更できます。 1つのアイテムに加えたデザイン変更は、リピーター内の他のアイテムに影響します。たとえば、1つのアイテムのボタンの色を変更すると、残りのアイテムの色も変更されます。
パーツをデザインするには、パーツを選択して「デザインを変更」アイコン
をクリックします:


リピーターをデータベースコレクションに接続する
リピーターを使用すると、データベースコレクションのコンテンツを表示できます。まず、リピーターを関連するコレクションに接続します。次に、各アイテムをコレクション内の該当するフィールドに接続します。詳細はこちら

リピーターでの配置の問題
リピーターが希望通りに配置されていない場合があります。
リピーターのサイズは、アイテム内のコンテンツに基づきます。たとえば、1つのリピーターアイテムに他のアイテムよりも多くのテキスト行が含まれている場合、配置に影響を与えます。
配置を修正するには、すべてのボックスに同じ行数のテキストが含まれていることを確認することをおすすめします。ボックスにテキストを追加したくない場合は、キーボードの Enter キーを使用して、空白行を追加してください。