top of page
Rectangle 1711.png
Group-39215.jpg

最新Wixコラム

Wixのオートメーション設定とは?フォーム送信で自動返信メールが届くまでの設定方法をご紹介

Shop Now

Wix Studioのスクロールアニメーションとは?スクロールしても要素が動かない時の付け方を実例でご紹介

Shop Now

Wixの動的ページの作り方とは?「1ページ作るだけで全件表示される」仕組みをコレクション作成から実演解説

Shop Now

Wixのリピーター接続とは?データセットがうまくつながらず「表示されない」を解決するつなぎ込み手順

Shop Now

Wixの「パディング」と「マージン」とは?余白の違いがわからない人向けに内側・外側の使い分けをやさしく解説

Shop Now

Wixフォームでドロップダウンの選択肢ごとに質問項目を表示・非表示する方法

Shop Now
Pink Poppy Flowers
Group 163232.jpg

お気軽にご相談ください

お問い合わせはこちら
Group 163231 (1).png

詳細はコチラからご確認ください

資料ダウンロード

YouTubeやってます!

人気動画

他の動画はこちら

YouTube

やってます!

人気動画

他の動画はこちら

Wixのリピーター接続とは?データセットがうまくつながらず「表示されない」を解決するつなぎ込み手順

  • 20 時間前
  • 読了時間: 11分
記事イメージ

制作実績や商品一覧をWix Studioで並べたいのに、コレクションにはデータが入っているのに画面には何も出てこない。


そんな「表示されない」に頭を抱えた経験はありませんか?


その多くは、リピーターとコレクションの「つなぎ込み(接続)」でつまずいています。


逆に言えば、接続の考え方と正しい順番さえ押さえれば、データはあっけないほどきれいに並びます。


この記事では、Wix Studioでリピーターをコレクションに接続する手順を、実際の制作実績ページ(会社名・ハッシュタグ・画像の3項目)を題材に、つまずきポイントごと解説します。




結論:Wixのリピーター接続は「親のリピーター→中の各パーツ」の順でデータセットをつなぐと表示される

リピーター接続の全体像を示す概念図

先に、この記事のいちばん大事な答えをお伝えします。


Wixでリピーターがうまく表示されないとき、ほとんどの原因は次の2つに集約されます。


  1. そもそもリピーターを使わず、パーツを個別に置いてしまっている

  2. 接続の順番(親のリピーター → 中の各パーツ)を踏んでいない

Wixのリピーターは「1件分の見た目(アイテム)」を作り、それをコレクションの件数分だけ自動でくり返し表示するパーツです。


この「くり返しの器」であるリピーターに、まずコレクション(データのくくり)を接続する。


これを「データセットの接続」と呼びます。


そのうえで、器の中に置いた画像・テキストなどの各パーツに接続先フィールドを割り当てていきます。


親を先に、子を後に。


この順番が逆になったり、片方だけしか接続していなかったりすると、データがあっても画面には出てきません。


この全体像さえ頭に入れば、あとは迷いません。


次の章から順番に見ていきましょう。




Wixのリピーターとは?アイテムを件数分くり返し表示する必須パーツ

1件のデザインが件数分に自動で増えていく様子の概念図

つなぎ込みの前に、主役である「リピーター」がどんなパーツなのかをはっきりさせておきましょう。


ここが曖昧なまま接続に進むと、ほぼ確実に迷子になります。


リピーターとは、ひとことで言えば「1件分のデザインを作れば、コレクションのアイテム数に応じて自動で全件をくり返し表示してくれる器」です。


制作実績が1件なら1つ、70件なら70個。


あなたが70回コピペする必要はなく、件数が増減すればリピーターの表示も自動で増減します。


Wixのデータ管理は、Excelの表をイメージすると一気に分かりやすくなります。


Wixの用語

役割

Excelでいうと

コレクション

データのくくり・カテゴリー(例:制作実績)

1枚のシート

フィールド

項目・列(例:会社名/画像/ハッシュタグ)

アイテム

1件分のデータ(実績1社分)

リピーター

アイテムを件数分くり返し表示する器

表を画面に映す枠

たとえば「制作実績」というコレクションに、会社名・画像・ハッシュタグという3つのフィールド(列)があり、そこに70社分のアイテム(行)が入っている、という構造です。


なぜリピーターが「必須パーツ」なのか。


動的にデータを並べたいなら、これ以外に自動で全件を展開する手段がないからです。


制作実績、採用ページの社員インタビュー、BtoBの製品紹介、導入事例。


件数が読めない・今後増えていくコンテンツはすべて、このリピーターの出番です。


「一覧で並べたい」と思ったら、まずリピーターを置く。


ここを出発点にしてください。




接続アイコン「にょろにょろ」でリピーターをコレクションにつなぐ手順

エディタ上でリピーターを選択し接続アイコンを押す操作画面のイメージ

リピーターの正体が分かったら、いよいよコレクションとの「つなぎ込み」です。


ここが「Wix リピーター 接続」のいちばんの山場になります。


Wix Studioでは、パーツを選択すると小さな接続アイコンが表示されます。


見た目が波線のように見えることから、通称「にょろにょろ」と呼ばれます。


このアイコンが、パーツをCMS(コレクション)へつなぐための入り口です。


基本の流れは次のとおりです。


  1. エディタ上でリピーターを追加する(動的表示にはリピーターが必須)。

  2. 追加したリピーター全体を選択した状態で、接続アイコン「にょろにょろ」を押す。

  3. 「CMS」→「リピーターを接続」が表示されるので、つなぎたいコレクション(例:制作実績)を選ぶ。

  4. 「作成」を押すと、リピーター(親要素)にデータセットが接続される。

ここで押さえておきたいのが、この段階で接続しているのは「親であるリピーター全体」だという点です。


まだ中の画像やテキストに、どの項目を映すかは指定していません。


いわば「この器には制作実績コレクションの束をつなぎました」という宣言をした状態です。


接続がうまくいったかは、リピーターを選んだときにデータセットが結びついているかで確認できます。


ここが空のまま次に進むと、中のパーツをいくら設定しても表示されません。


まずは親のリピーターにデータセットがつながっているか。


ここを最初のチェックポイントにしてください。


「静的ページを複製して手作業で並べたほうが早いのでは」と感じる方もいるかもしれません。


ですが、件数が増えたときに複製運用は必ず破綻します。


一度この接続を覚えると、もう手作業の複製には戻れなくなります。


まずは一度、実際の案件で試してみたい。


そんなときは、私たちが伴走します。





データが表示されない原因①リピーターを使わずパーツを個別配置している

リピーターを使う場合と個別配置の場合の違いを対比した概念図

ここからは「データはあるのに表示されない」という、いちばん多いお悩みの原因を2つに分けて見ていきます。


原因の1つ目は、そもそもリピーターを使わず、画像やテキストを1つずつ手で置いてしまっているケースです。


一見すると、画像パーツとテキストパーツを置いて、それぞれに接続アイコンからフィールドをつなげば表示できそうに思えます。


ところが、リピーターという「くり返しの器」の外に置いたパーツは、コレクションの1件目としてはつながっても、2件目・3件目…と件数分に増えることはありません。


コレクションに70件のアイテムが入っていても、個別配置では70件が自動で並ぶ仕組みがどこにも存在しないのです。


「データは入れたのに1件しか出ない」というときは、たいていこれが原因です。


解決策はシンプルです。


  1. 個別に置いた画像・テキストのパーツを、リピーターの中に置き直す(または最初からリピーターを使う)。

  2. くり返し表示したいコンテンツは、必ずリピーターという器の中で組み立てる。

  3. リピーターにコレクションを接続し、件数分の自動展開を有効にする。

一覧・複数件を並べたい場面では、リピーターは「使ってもいい選択肢」ではなく「使わないと成立しないパーツ」です。


「なぜか件数分に増えない」と感じたら、まず自分が器の外にパーツを置いていないかを確認してみてください。




データが表示されない原因②接続は「親→子」の順番を踏んでいない

親のリピーターを接続してから子のパーツを接続する順番を示した概念図

原因の2つ目は、接続の順番です。


ここは仕組みを理解していないと何度もハマるポイントです。


Wixのリピーター接続には守るべき順番があります。


それが「親(リピーター)を先に、子(中の各パーツ)を後に」という順序です。


具体的には、次の順番になっているかを確認してください。


  1. まず親要素であるリピーター全体にデータセット(コレクション)を接続する。

  2. 接続できたら、アイテム内(Wix Studioではピンク色の枠で示されるエリア)の各パーツを1つずつ選ぶ。

  3. 選んだパーツごとに、どのフィールドを映すかを個別に割り当てる。

この順番を踏まないと、親のリピーターは接続したのに中のパーツを設定していない、あるいは中のパーツだけ触って親の接続が抜けている、といった「片手落ち」の状態になります。


どちらの場合も、データがあっても正しく表示されません。


なぜ順番が大事なのでしょうか。


子のパーツは「親のリピーターがどのコレクションにつながっているか」を前提にして、その中のフィールドを選ぶからです。


親の接続がないと、子のパーツには選ぶべきフィールドの候補すら出てきません。


土台(親)を先に据えてから、その上の部品(子)を配線する、と考えると腑に落ちます。


もし「接続したのに表示されない」と感じたら、犯人はほぼこの順番です。


次の2点をチェックしてみてください。


  1. 親のリピーターにデータセットが接続されているか?

  2. ピンク枠の中の各パーツに、フィールドが1つずつ割り当てられているか?

この2つが両方そろって、はじめてデータは画面に並びます。


片方だけでは動かない、と覚えておくと迷いません。




各パーツに接続先フィールドを割り当てる(画像・会社名・ハッシュタグ)

リピーター内の画像・会社名・ハッシュタグの各パーツに対応するフィールドを割り当てる概念図

最後は、親の接続が済んだあとの仕上げ。


アイテム内の各パーツに、どのフィールドを映すかを割り当てる工程です。


今回の題材である制作実績ページには、3つの表示パーツがあります。


この割り当てを表で整理すると、対応関係がひと目で分かります。


画面上のパーツ

接続する種類

割り当てるフィールド

実績の画像

画像

画像フィールド

会社名のテキスト

テキスト

タイトル(会社名)フィールド

ハッシュタグのテキスト

テキスト

ハッシュタグフィールド

操作の流れは次のとおりです。


  1. ピンク枠の中にある画像パーツを選び、接続アイコンから「画像」フィールドを割り当てる。

  2. 会社名のテキストパーツを選び、「タイトル(会社名)」フィールドを割り当てる。

  3. ハッシュタグのテキストパーツを選び、「ハッシュタグ」フィールドを割り当てる。

3つのパーツすべてに接続先が入れば、1件分のアイテムが完成します。


ここが、リピーターのいちばん気持ちいい瞬間です。


1件分をきちんと作り込めば、あとはコレクションのアイテム数に応じて、残りの全件が自動で同じレイアウトのまま展開されます。


70件あれば70件分が、あなたが1回設定しただけで一気に並びます。


1件を丁寧に作ることが、そのまま全件のクオリティになるわけです。


もし一部の項目だけ出ないというときは、テキスト用のフィールドを画像パーツに当ててしまっていないかを見直してください。


パーツの種類と、割り当てるフィールドの型(画像・テキストなど)が合っていることが、きれいに表示するための最後のカギです。


制作実績や商品一覧を、更新しやすく・崩れにくい形でWix Studioに組み込みたい。


そんなときは、設計から実装まで私たちがお手伝いします。





よくある質問(FAQ)

Q1. リピーターとコレクションは何が違うのですか?

A. コレクションは「データのくくり(例:制作実績という70件のデータの集まり)」で、Excelでいう1枚のシートにあたります。


一方リピーターは、そのデータを画面上でくり返し表示するための「器(枠)」です。


この2つを「接続(つなぎ込み)」でつなぐことで、初めて一覧が表示されます。


Q2. 接続アイコン「にょろにょろ」が見つかりません。どこにありますか?

A. 「にょろにょろ」は、エディタ上でパーツ(リピーターや画像・テキスト)を選択したときに、そのパーツの近くに表示される接続用のアイコンの通称です。


波線のような見た目が名前の由来です。


何も選択していない状態では出てこないので、まず接続したいパーツをクリックで選んでから探してください。


Q3. データはコレクションに入っているのに、1件しか表示されません。なぜですか?

A. 多くの場合、パーツをリピーターの「外」に置いているためです。


リピーターの器の外にあるパーツは、コレクションの1件目にはつながっても、件数分に自動で増えません。


くり返し表示したい画像やテキストは、必ずリピーターの中に置き直してください。


それでも直らない場合は、親のリピーターにデータセットが接続されているかも確認しましょう。


Q4. 接続したはずなのに、まったく表示されないのはどんなときですか?

A. 接続の順番が「親→子」になっていない可能性が高いです。


まず親であるリピーター全体にコレクション(データセット)を接続し、そのあとでピンク枠内の各パーツにフィールドを割り当てる、という順番を守ってください。


親の接続が抜けている、または子のパーツにフィールドを割り当てていない「片手落ち」の状態だと、データがあっても表示されません。


Q5. 制作実績を70件から100件に増やしたら、レイアウトを作り直す必要がありますか?

A. いいえ、作り直しは不要です。


リピーターは1件分のデザインを作っておけば、コレクションのアイテム数に応じて自動で全件を展開します。


あなたがすることはコレクションにアイテムを追加するだけで、リピーター側の表示は自動で100件分に増えます。


これがリピーターを使う最大のメリットです。


Q6. 画像だけ表示されて、会社名やハッシュタグのテキストが出ません。原因は何ですか?

A. テキストパーツへのフィールド割り当てが抜けているか、対応がずれている可能性が高いです。


会社名のテキストには「タイトル(会社名)」フィールド、ハッシュタグのテキストには「ハッシュタグ」フィールドを、それぞれ個別に割り当てる必要があります。


パーツを1つずつ選び、接続アイコンから正しいフィールドが指定されているかを確認してください。


Q7. コレクションにアイテムを追加するのに、毎回エディタを開く必要がありますか?

A. いいえ、その必要はありません。


コレクションのアイテム追加や編集は、ダッシュボード(管理画面)の表形式の画面から行えます。


編集画面(エディタ)を触らずに更新できるので、Wixに詳しくない担当者の方でもコンテンツを追加・修正できます。


「更新は誰でもできる」ように設計できるのが、CMSとリピーターを使う強みです。


【この記事の監修者】


中田ディレクター(株式会社ラジャ|SEO担当監修)


保有資格・実績:Wixレジェンドレベルパートナー/サイト制作400サイト以上/Wix Studio制作100サイト以上(日本トップクラス)/Wix Studio専門スクール「ノコド道場」運営


お問い合わせ・資料DLはこちら

お問い合わせ

・HP制作に関するお悩み
・Wixサイトに関するお悩み

資料DL

・弊社のサービス内容について
分かりやすくまとめた資料をお送りします

Group 163232.jpg

\簡単30秒!強引な営業などは一切行いません/

関連記事

Wixを使いたい

2025年10月9日

WixのPDF埋め込み方法とは?PDFデータ掲載方法と、PDFアイコンの使用方法も合わせてご紹介

Send
Wixを使いたい

2025年6月16日

最新版WixでInstagramをフル活用!簡単ステップでインスタフィードを埋め込む方法

Send
Wixを使いたい

2023年12月20日

Wixで簡単に表を作成する活用術!Wixテーブルマスターアプリを使った表の作成とカスタマイズ方法をご紹介

Send
bottom of page