Wix 說明

本文適用於 2026 年 11 月發布的新版 Studio Two 編輯器。若不確定目前使用的是 Studio 編輯器還是 Studio Two 編輯器,請點此查看更多資訊。

使用重複器即可透過同一套設計顯示項目清單,例如作品集專案、部落格貼文或團隊成員。將重複器連結至資料來源並設計一個項目,之後每個項目都會以該設計顯示各自的內容。

Studio Two 編輯器中的重複器畫面,已開啟「資料設定」面板。

重複器的運作方式

使用重複器為資料來源中的每筆資料顯示一個項目。只需設計一個項目,其他項目就會套用相同設計,並顯示各自的內容。

  • 每個重複器使用一個來源:每個重複器可連結至一個來源,例如 CMS(內容管理系統)集合、Wix 應用程式清單(例如 Wix Blog 的文章)或自訂程式碼。若要顯示 2 個來源的內容,請分別為每個來源新增一個重複器。
  • 來源內容:若要在每個項目中顯示不同內容,必須將元件連結至來源,否則元件會維持靜態,並在每個項目中顯示相同內容。
  • 已連結和靜態元件:連結至來源的元件會顯示各項目的內容,並帶有粉紅色標籤。未連結的元件則帶有藍色標籤,且在每個項目中看起來都相同。
  • 自動連結的元件:連結重複器或之後變更來源時,編輯器會將重複器內的元件連結至來源中的欄位。完成後,請檢查每個元件。編輯器可能會選擇不同於預期的欄位,或未連結某個元件。
  • 篩選條件與排序:篩選條件與排序會變更網站顯示的內容,但不會變更集合中的項目。若將來源連結至重複器,這些設定只會影響該重複器。若將來源連結至區段或頁面,這些設定會影響所有連結至該來源的元件(例如該區段或頁面中的其他重複器)。

新增重複器並連結至集合

從「新增元件」面板新增重複器,即可使用現成設計和範例內容。接著,將重複器連結至 CMS 集合。您可使用範例內容建立新集合,或使用現有集合。

注意:

設計前先連結:請先將重複器連結至來源,再開始設計。完成連結前,操作列和「檢驗器」面板不會顯示。

新增並連結重複器:

  1. 前往編輯器。
  2. 將游標懸停在編輯器左上方的新增元件圖示 。
  3. 選擇「元件」。
  4. 點擊版面配置工具圖示 。
  5. 點擊「重複器」索引標籤。
  6. 將重複器拖曳至頁面。
  7. 點擊重複器橫幅上的「連結集合」。
  8. 選擇要使用的集合:
    • 從範例內容開始:使用重複器的範例內容建立新集合。之後可編輯集合中的內容。
    • 連結現有集合:選擇已建立的集合。只有在已有集合時,才會顯示此清單。深入了解如何建立 CMS 集合。
  9. (在視窗中)點擊「連結集合」。
「連結集合」視窗的螢幕截圖,其中包含「從範例內容開始」和「連結現有集合」選項。

將重複器連結至 Wix 應用程式或自訂程式碼:

  1. 前往編輯器。

  2. 選擇重複器。

  3. 開啟「連結至資料」面板:

    • 新重複器:點擊重複器橫幅上的「連結至資料」。

    • 已連結的重複器:點擊操作列上「管理資料」旁的下拉箭頭,然後選擇「取代連結」。

  4. 點擊「來源」下方的欄位,然後選擇要使用的來源:

    • Wix 應用程式:在應用程式名稱下選擇所需清單(例如 Wix Blog 下的「文章」,或 Wix Bookings 下的「服務」)。
      提示:若要連結 Wix Stores,請先將重複器區段連結至 Wix Stores 類別。接著,在重複器的「來源」欄位中,選擇 Wix Stores 下的「產品清單」。請參閱常見問題,了解更多資訊:「可以在重複器中顯示 Wix Stores 產品嗎?」

    • 自訂程式碼:選擇其中一個自訂程式碼來源。若要建立來源,請點擊清單頂端的「建立新來源」圖示 。

  5. (視需要)點擊「欄位」下拉式選單,然後選擇其他欄位。

  6. 點擊「套用」。

新重複器上「連結至資料」面板的螢幕截圖,其中顯示 Wix Bookings 來源。

連結重複器中的元件

連結重複器中的元件,讓每個項目顯示各自的內容。連結重複器時,系統會一併連結其中已有的元件。如果之後新增元件(例如文字或圖片),請自行連結。

提示:
  • 從操作列連結:若為文字和圖片,點擊操作列上主要操作旁的下拉式箭頭(例如 編輯文字、取代圖片),再選擇 連結至資料。
  • 變更或移除連結:點擊屬性旁的更多操作圖示 ,再選擇編輯連結或取消連結。

若要連結中繼器中的元件:

  1. 前往編輯器。

  2. 選擇中繼器內的相關元件。

  3. 點擊編輯器右上方的開啟檢驗器圖示 。

  4. (若尚未開啟)點擊設定索引標籤。

  5. 點擊要連結之屬性旁的連結至資料圖示 (例如文字、連結、替代文字)。

  6. 點擊選擇欄位,再選擇要在元件中顯示的欄位。系統已選好來源。

  7. 點擊套用。

將新增至中繼器的圖片連結至來源欄位的畫面截圖。

顯示項目與順序

使用資料設定面板控制清單。篩選清單,只顯示所需項目;排序項目並設定順序;以及設定每次載入的項目數量。操作時,可在畫布上查看變更。

注意:

選項取決於來源:以下步驟適用於 CMS 集合。其他來源各有不同選項(例如 Wix Blog 的要略過的文章)。

若要管理中繼器項目:

  1. 前往編輯器。
  2. 選擇中繼器,然後點擊操作列上的資料設定圖示 。
  3. 選擇要執行的操作:
中繼器操作列上「資料設定」圖示的畫面截圖。

常見問題

點擊下方問題,深入了解 Studio Two 編輯器中的重複器。