開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
placeholder-preview-image

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

重複器是由多個設計和版面配置相同、內容各異的項目組成的清單。每個項目的內容(例如文字和圖片)皆可分別自訂。重複器可輕鬆整理及顯示活動、新聞和服務等各類資訊。
顯示不同度假目的地動態內容的重複器螢幕截圖。

新增及設定重複器

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

若要新增及設定重複器:

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

新增項目內容

重複器中的所有項目都採用相同設計。每個項目內的文字和圖片等元件皆可分別自訂,但設計會維持一致。
例如,每個項目的按鈕文字都可設為不同內容;但若移動按鈕在項目內的位置,所有項目中的按鈕都會移至相同位置。
將元件新增至重複器項目時,系統會自動將該元件新增至每個項目,讓設計維持一致。項目大小會根據其中的內容調整。
若要將元件新增至項目,請將元件拖放至其中一個項目:
在 Wix 編輯器的重複器項目中移動容器方塊的 GIF。
注意:
部分元件無法附加至重複器項目。

新增更多重複器項目

可視需要在重複器中新增任意數量的項目。

新增項目:

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

變更重複器版面配置

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

變更版面配置:

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

設計重複器項目

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

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

使用重複器即可顯示資料庫集合中的內容。首先,將重複器連結至相關集合,再將各個項目連結至集合中的相關欄位。
CMS 沙箱畫面截圖,其中多種鳥類分別列為獨立欄位。

重複器對齊問題

重複器可能不會如預期對齊。
重複器的大小取決於項目中的內容。例如,若某個重複器項目的文字行數比其他項目多,便會影響對齊方式。
建議讓所有方塊包含相同的文字行數,即可修正對齊方式。若不想在方塊中新增更多文字,只要按鍵盤上的 Enter 鍵新增空白行即可。