Wix 說明

將重複器連結至 CMS(內容管理系統),即可顯示集合中的動態內容。

將重複器連結至與集合繫結的資料集後,請選擇要連結至各個重複器元件的欄位。連結後,重複器中的每個項目都會顯示不同集合項目的內容。如此即可使用一致的版面配置,自動填入要在頁面上顯示的所有項目內容。
開始前:
如果尚未在網站新增 CMS,請先新增 CMS。

步驟 1|建立 CMS 集合

建立多項目集合,以儲存要在重複器中使用的內容。新增要連結至重複器元件的集合欄位,接著新增要在重複器中顯示的項目,並填寫各項目的欄位。如有需要,可調整集合權限,不使用預設的「顯示內容」設定;此預設設定允許所有人查看內容。
  1. 前往網站管理介面的前往 CMS。
  2. 點擊建立集合。
  3. 點擊從頭開始。
    提示:或者,點擊使用 AI 建立,讓 AI(人工智慧)建立集合。
  4. 點擊下一步。
  5. 輸入集合名稱。
  6. (僅限程式設計)輸入要在程式碼中使用的集合 ID。
  7. 保留選擇多項目集合(預設),然後點擊建立。
  8. 手動新增欄位或匯入 CSV 檔案:
  9. 新增項目至集合:
    1. 點擊+新增項目。
    2. 在各個相關欄位中新增項目內容。
    3. 重複此步驟,建立所需數量的項目。
在 CMS 集合中新增項目的螢幕截圖。
  1. 設定集合權限:
    1. 點擊 更多操作 ,然後選擇權限與隱私權。
    2. 選擇集合要套用的權限:
      • 顯示內容:允許所有人或僅限網站會員在已上線網站查看集合內容。管理員和具備 CMS 存取權的共同作業者一律擁有完整權限,可查看、新增、更新或刪除集合項目。
      • 收集內容:允許所有人或僅限網站會員透過輸入元件或 API,在已上線網站新增項目至集合。另請指定可查看內容的對象。管理員和具備 CMS 存取權的共同作業者一律擁有完整權限,可查看、新增、更新或刪除集合項目。
      • 進階:為每個使用者身分設定自訂權限,控制可查看、新增、更新或刪除集合內容的對象。管理員和具備 CMS 存取權的共同作業者擁有完整權限。不過,您可設定特定共同作業者身分的權限,限制其集合存取權。
    3. 點擊儲存。
設定集合權限的螢幕截圖。

步驟 2|新增並自訂重複器

新增重複器,然後將文字、圖片或按鈕等元件拖曳至重複器項目/容器中。您可調整重複器大小或移除元件,讓重複器容納所有需要的內容。將元件新增至重複器後,系統會自動將該元件新增至每個重複器項目。

稍後可將元件連結至集合欄位,以取代現有內容。每個重複器項目都會顯示集合中的不同項目。
  1. 前往編輯器。
  2. 前往要新增重複器的頁面或區段。
  3. 點擊編輯器左側的「新增元件」。
  4. 點擊「清單」。
  5. 點擊要使用的重複器,並將其拖曳至頁面。
在 Wix 編輯器中新增重複器的畫面截圖。
  1. 在重複器中新增或移除元件。您可調整重複器大小,讓所有必要元件都能置於其中。稍後可將元件連結至集合欄位,以取代現有內容。每個重複器項目都會顯示集合中的不同項目。
重要事項:
建議讓重複器包含按鈕或圖片元件,以便連結至動態項目頁面。訪客點擊圖片或按鈕後,即可前往相關項目的動態項目頁面。

步驟 3|將重複器項目連結至集合

資料集是用來將重複器元件連結至集合欄位的工具。將元件連結至資料集後,即可選擇元件各部分要使用的集合欄位。請連結要顯示集合內容的各個元件,然後依需求調整元件大小、移動元件或進行其他調整。
  1. 在編輯器中,點擊已新增的重複器。
  2. 點擊「連結至 CMS」圖示 。
  3. 點擊「選擇資料集」下拉式選單,並選擇已連結至集合的現有資料集。或者,選擇「新增資料集」,接著選擇要連結的集合、輸入名稱,然後點擊「建立」。
選擇相關集合並連結資料集的螢幕截圖。
  1. 在「連結」下方,點擊要先連結的元件。
  2. (選填)若要將元件連結至其他資料集,請點擊「選擇資料集」下拉式選單,並選擇其他資料集。否則,請保留與相同資料集的連結。
  3. 在「連結」下方,點擊相關下拉式選單,將元件的各個部分連結至對應的集合欄位。選項會依元件類型而異。
秘訣:
  • 若要將按鈕連結至集合的動態項目頁面,請點擊「點擊動作連結至」下拉式選單,並選擇結尾為「(項目)」的動態項目頁面。
  • 若要將圖片連結至集合的動態項目頁面,請點擊「連結會連結至」下拉式選單,並選擇結尾為「(項目)」的動態項目頁面。
將按鈕連結至動態項目頁面的螢幕截圖。
  1. 點擊右側面板頂端的「重複器連結」。
  2. 重複上述步驟 4 至 7,連結要顯示集合內容的各個元件。
顯示可連結至重複器資料集之所有元件的螢幕截圖。
  1. (選填)點擊重複器中的任何元件,即可調整大小、移動或進行其他調整。您隨時可新增、移除、連結元件,或取消元件連結。

步驟 4|管理資料集設定

調整資料集設定,控制資料集模式、一次可載入的項目總數、顯示的項目及其顯示順序。
  1. 前往重複項目所連結的資料集設定:
    1. 點擊重複項目。
    2. 點擊「連結至 CMS」圖示 。
    3. 點擊右側「連結重複項目」面板中的「資料集設定」。
  2. (選填)點擊權限類型(位於「權限」旁),決定哪些人可以查看、新增、更新或刪除集合內容。
  3. (選填)如需編輯資料集名稱,請點擊「資料集名稱」欄位。
  4. (僅限 Velo)點擊「資料集 ID」欄位,即可編輯頁面程式碼中用於識別資料集的 ID。
  5. 點擊「資料集模式」下拉式選單,並選擇相關選項:
    • 讀取:已連結的元件可讀取並顯示集合內容,但無法修改集合內容。
    • 讀取與寫入:已連結的元件可顯示集合內容。輸入元件可新增或編輯集合內容。
  6. 編輯「每次載入的項目數」欄位,設定一次可載入的項目數上限。
    注意:這也是訪客點擊「載入更多」按鈕、「下一頁/上一頁」按鈕或分頁列時,可載入的項目數上限。操作步驟請參閱下一節。
「每次載入的項目數」資料集設定畫面截圖。
  1. (選填)點擊「+新增篩選條件」,讓重複項目僅顯示特定項目。
  2. (選填)點擊「+新增排序」,選擇集合項目在重複項目中的顯示順序。

步驟 5|(選用)建立「載入更多」或導覽按鈕

重複項目一次最多可顯示 1,000 個項目。如果要顯示大量項目,建議新增「載入更多」按鈕,改善載入效能。調整「每次載入的項目數」欄位,控制資料集所連結的重複項目一次可載入多少個項目。

如果將「下一頁/上一頁」按鈕或分頁列連結至重複項目,「每次載入的項目數」欄位也會決定每個「頁面」顯示的項目數量。
選擇要進行的操作:

常見問題

點擊下方,查看連結重複器與 CMS 的常見問題解答。