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

Wix エディタ:リピーター(リスト&グリッド)を追加・管理する

5分
リピーターとは中身の異なるアイテム(例:テキストや画像)を統一されたデザインやレイアウトで表示させることができるリスト機能です。リピーターを使用すると、イベント、ニュース、サービスなど、あらゆる種類の情報を簡単に整理して表示することができます。
さまざまな行楽地の動的コンテンツを表示するリピーターのスクリーンショット。

リピーターを追加・設定する

リピーターを追加して、動的コンテンツをフローさせ、商品やサービスなどの複数のアイテムを構造化された形式で紹介します。

リピーターを追加・設定する方法:

  1. エディタに移動します
  2. エディタ左側で「パーツを追加 をクリックします。
  3. リスト」をクリックします。
  4. テンプレートをクリックして追加するか、サイトの適切な場所にドラッグします。
  5. リピーターのコンテンツを設定します:
    1. エディタでリピーターを選択します。
    2. アイテムを管理」をクリックします。
    3. 以下の操作を行います:
      • アイテムを複製」をクリックして、リストにさらにアイテムを追加します。
      • アイテムをクリック&ドラッグして、リストを並べ替えます。
      • アイテムにマウスオーバーし、「その他のアクション」アイコン  をクリックし、削除または複製します。
リスト作成アプリをご利用の場合:
旧リストビルダーのサポートは終了し、リピーターが導入されました。アプリ経由でサイトに旧リストビルダーを追加した場合は、新しいリピーターにコンテンツをコピーしてください。

アイテムにコンテンツを追加する

リピーター内のアイテムはすべて同じデザインです。各アイテム内のテキストや画像などのパーツは個別に設定することができますが、デザインは常に統一されます。
たとえば、ボタン上のテキストはアイテムごとに異なるものに変更できますが、ボタンをアイテム内の別の場所に移動すると、すべてのアイテムのボタンが同じ場所に移動します。
リピーターアイテムにパーツを追加すると、デザインの一貫性を保つためにすべてのアイテムに自動的に追加されます。アイテムは、内部のコンテンツに応じてサイズが変更されます。
アイテムにパーツを追加するには、パーツを 1つのアイテムにドラッグアンドドロップします:
Wix エディタでリピーターアイテムの周りに移動されたコンテナボックスの GIF
注意:
一部のパーツはリピーターアイテムに追加することはできません。

リピーターにさらにアイテムを追加する

リピーターに追加できるアイテム数に制限はありません。

アイテムを追加する方法:

  1. エディタでリピーターを選択します。
  2. アイテムを管理」をクリックします。
  3. 下部の「アイテムを複製」をクリックします。
  4. 新しいアイテムを編集します。
リピーター横の「アイテムを管理」パネルのスクリーンショット。アイテム数の設定とアイテムの複製ボタンが表示されています。

リピーターのレイアウトを変更する

リピーターアイテムの配置、表示順(方向)、間隔を調整します。

レイアウトを変更する方法:

  1. エディタでリピーターを選択します。
  2. レイアウト」アイコン  をクリックします。
  3. レイアウトを変更するには、以下の操作を行います:
    • 配置を「」、「中央」、「」、または「均等」から選択します。
    • スライダーを使用して、アイテム間の縦の間隔を調整します。
    • アイテムを左から右に表示するか、右から左に表示するかを選択します。
Wix エディタのリピーターレイアウトパネルのスクリーンショット。配置、間隔、表示方向オプションを表示しています。

リピーターアイテムをデザインする

個々のアイテム(画像、テキストボックス、ボタンなど)のデザインを変更できます。 1つのアイテムに加えたデザイン変更は、リピーター内の他のアイテムに影響します。たとえば、1つのアイテムのボタンの色を変更すると、残りのアイテムの色も変更されます。
パーツをデザインするには、パーツを選択して「デザイン」アイコン  をクリックします:
Wix エディタで動的なホリデーパッケージコンテンツを表示するためにリピーターが使用されているスクリーンショット。デザインアイコンにマウスオーバーしています。
代替テキストを追加しますか?
代替テキストをリピーター画像に追加して、検索エンジンが画像を「読む」ことができるようにします。該当する画像の「設定」アイコン  をクリックし、「画像には何が含まれていますか?」下でテキストを入力し、画像の簡単な説明を入力します。

リピーターをデータベースコレクションに接続する

リピーターを使用して、データベースコレクションのコンテンツを表示することができます。まず、リピーターを該当するコレクションに接続します。次に、個々のアイテムをコレクション内の該当するフィールドに接続します。
個別のフィールドとしてさまざまな鳥が表示されている CMS のサンドボックスのスクリーンショット。

リピーターでの配置の問題

リピーターが希望通りに配置されていない場合があります。
リピーターのサイズは、アイテム内のコンテンツに基づきます。たとえば、1つのリピーターアイテムに他のアイテムよりも多くのテキスト行が含まれている場合、配置に影響を与えます。
配置を修正するには、すべてのボックスに同じ行数のテキストが含まれていることを確認することをおすすめします。ボックスにテキストを追加したくない場合は、キーボードの Enter キーを使用して、空白行を追加してください。
さまざまな行楽地の動的コンテンツを表示するリピーターのスクリーンショット。
Wix エディタでリピーターアイテムの周りに移動されたコンテナボックスの GIF
リピーター横の「アイテムを管理」パネルのスクリーンショット。アイテム数の設定とアイテムの複製ボタンが表示されています。
Wix エディタのリピーターレイアウトパネルのスクリーンショット。配置、間隔、表示方向オプションを表示しています。
Wix エディタで動的なホリデーパッケージコンテンツを表示するためにリピーターが使用されているスクリーンショット。デザインアイコンにマウスオーバーしています。
個別のフィールドとしてさまざまな鳥が表示されている CMS のサンドボックスのスクリーンショット。