header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Wix 編輯器:新增與管理重複器(清單與格線)

3 分鐘
重複器是由具有相同設計和版面配置的項目組成的清單,但您可針對每個項目自訂不同的內容(例如文字、圖片)。重複器讓整理和顯示各種資訊(例如事件、新聞和服務)變得更加容易。
顯示不同度假勝地動態內容的重複器螢幕截圖。

新增並設定重複器

新增重複列表即可讓動態內容流暢呈現,並以結構化格式展示產品或服務等多個品項。

若要新增並設定重複器:

  1. 前往編輯器
  2. 點擊編輯器左側的新增元件
  3. 點擊清單
  4. 點擊範本即可新增,或將其拖曳至網站的相關地點。
  5. 設定重複器內容:
    1. 在編輯器中選擇重複器。
    2. 點擊管理項目
    3. 執行以下操作:
      • 點擊複製項目即可在清單中新增更多項目。
      • 點擊並拖曳項目即可重新排列清單順序。
      • 將滑鼠游標懸停在項目上,然後點擊尚有...項操作圖示 即可刪除或複製項目。
正在使用 List Builder 應用程式?
舊版清單建立器應用程式已不再受支援,並已由重複器取代。若已透過該應用程式在網站中新增清單,請將內容複製到新的重複器。

為項目新增內容

重複器中的所有項目皆採用相同設計。您可自訂項目內的個別元件(例如文字和圖片),但設計始終保持不變。
例如,您可將按鈕上的文字更改為每個項目各不相同,但若將按鈕移動到項目內的不同地點,則所有項目中的按鈕都會移動到相同地點。
將元件新增至重複器項目時,系統會自動將其新增至每個項目,以保持設計一致。項目會根據其中的內容自動調整大小。
若要將元件新增至項目,請將其拖放至其中一個項目:
在 Wix 編輯器中於重複器項目周圍移動容器方塊的 GIF
請注意:
部分元件無法附加至重複器項目。

在重複器中新增更多項目

您可視需求在重複器中新增多個項目。

若要新增項目:

  1. 在編輯器中選擇重複器。
  2. 點擊管理項目
  3. 點擊底部的複製項目
  4. 根據需求編輯新項目。
重複器旁的管理項目面板螢幕截圖,顯示項目數字和複製項目按鈕。

變更重複列表的版面配置

調整重複器項目的對齊方式、方向和間距。

若要變更版面配置:

  1. 在編輯器中選擇重複器。
  2. 點擊版面配置圖示
  3. 執行以下操作以變更版面配置:
    • 選擇對齊方式:靠左置中靠右分散對齊
    • 使用滑桿調整項目之間的垂直間距。
    • 選擇由左至右或由右至左顯示項目。
Wix 編輯器中重複器版面配置面板的螢幕截圖,顯示對齊方式、間距和顯示方向選項。

設計重複器項目

您可更改任何個別項目(例如圖片、文字方塊、按鈕等)的設計。對一個項目所做的每項設計更改都會影響重複器中的其他項目。例如,更改一個項目中按鈕的色彩,也會更改其餘項目的色彩。
若要設計元件,請選取該元件並點擊「設計」圖示 設計
在 Wix 編輯器中使用重複器顯示動態度假套裝內容的螢幕截圖,滑鼠游標正懸停在設計圖示上。
想要新增替代文字嗎?
為重複列表圖片新增 替代文字,協助搜尋引擎「閱讀」圖片。點擊相關圖片的 設定 圖示,並在 圖片內容為何?請告訴 Google 下方輸入圖片的簡短描述。

將重複器連結至資料庫集合

使用重複器,即可顯示資料庫收藏中的內容。首先,將重複器連結至相關系列,接著將各個品項連結至系列中的相關欄位。
CMS 沙箱畫面截圖,其中包含多種鳥類並列為個別欄位。

重複器中的對齊問題

您可能會提前通知重複器未如預期對齊。
重複器尺寸取決於項目內的內容。例如,若某個重複器項目包含的文字行數多於其他項目,將會影響對齊方式。
建議確保所有方塊包含相同的文字行數以修正對齊方式。若不想在方塊中新增更多文字,只需使用鍵盤上的 Enter 金鑰新增額外的空白行即可。