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

Wix CMS:新增並設定動態清單頁面

12 分鐘
動態清單頁面讓您能在整理好的索引中展示 Wix CMS 系列中的各種品項。每個顯示在重複器、圖庫或桌次中的品項都會連結至系列的動態品項頁面,訪客可在該處閱讀更多關於特定品項的資訊。

資料集負責控制頁面元件與系列欄位之間的連結。您可在資料集設定中控制一次顯現的品項數量。您可新增篩選條件以僅包含特定品項,或新增排序條件以控制品項顯現的順序。

若有許多品項需要顯示,請新增「載入更多」或導覽按鈕以提升頁面載入表現。您也可以透過使用下拉式選單、選項按鈕或核取方塊等輸入元件,讓訪客能夠篩選在頁面上看到的品項。
開始之前:
  • 建立 CMS 系列,其中包含您要在動態清單頁面上顯示的品項。
  • 為系列建立動態品項頁面。您將把動態清單頁面上的品項連結至系列的動態品項頁面。或者,您也可以在新增動態清單頁面的同時新增動態品項頁面。請參閱下方步驟 1 了解方法。

步驟 1 | 新增動態清單頁面

從編輯器的 CMS 面板為集合建立動態清單頁面。這會新增一個頁面,並在重複列表中顯示集合中的不同項目,您稍後可再進行自訂。
  1. 前往編輯器
  2. 點擊編輯器左側的 CMS
  3. 點擊您的系列
  4. 點擊您要用來建立動態清單頁面的系列。
  5. 點擊更多操作並選擇新增動態頁面
  6. 選擇清單頁面並點擊新增至網站
    提示:同時選擇品項頁面即可為該系列同時新增動態品項頁面
新增動態清單頁面的螢幕截圖。

步驟 2 | (選填)修改網址動態資料欄位結構

您可編輯動態清單頁面的網址動態資料欄位結構,以整理動態頁面的網址。

例如,您可為動態頁面建立以下網址動態資料欄位結構:
  • 動態清單頁面:https://www.{your-domain.com}/{collection-name}
  • 動態類別頁面:https://www.{your-domain.com}/{collection-name}/{category}
  • 動態品項頁面:https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}

編輯網址動態資料欄位結構時,該結構不得為網站上其他現有頁面所使用。若要確保其為獨特網址,網址動態資料欄位結構不可與網站上的其他頁面具有相同的前綴(例如 {系列名稱})且具有相同數量的變數,即使變數不同也是如此。
重要:
若要讓舊的動態網址自動重新導向至建立的新網址,請確保網站已連結網域。若網站尚未連結網域,舊網址將失效並顯示 404 錯誤頁面。

若要編輯動態清單頁面的網址動態資料欄位結構:


  1. 前往編輯器
  2. 點擊編輯器左側的「頁面與選單」
  3. 點擊「動態頁面」
  4. 將滑鼠游標懸停在剛建立的動態清單頁面上,然後點擊右側的「更多操作」圖示
    提示:預設情況下,建立的動態清單頁面標題為:{系列名稱} (List)
  5. 點擊「SEO」
  6. 編輯「網址動態資料欄位結構」欄位:
    1. 點擊「網址動態資料欄位結構」欄位旁的「編輯」,並選擇要執行的操作:
      • 新增變數:點擊+「新增變數」,並選擇「文字」或「數字」欄位,即可在網址動態資料欄位結構中使用其值。
      • 新增靜態值:點擊該欄位並輸入要在網址動態資料欄位結構中使用的靜態值。請僅使用英文字母、數字或連字號。
    2. 點擊「儲存」
編輯動態清單頁面網址動態資料欄位結構的螢幕截圖。
  1. 點擊 取代網址 以確認變更。動態頁面之前的網址將被刪除且不再有效。系統將改為動態頁面產生新的網址。

步驟 3 | 將重複列表連結至 CMS

現在您已擁有包含重複列表的動態清單頁面,每個容器中都有 2 個文字元件、一張圖片和一個按鈕。重複列表中的每個容器都會顯示集合中的不同項目。

將元件的各個部分連結至相關的集合欄位,確保顯示所需的資訊。建議將按鈕連結至集合的動態項目頁面,讓訪客點擊即可前往該項目的專屬頁面。

若要提供每個項目的更多資訊,您可將更多支援的元件附加至重複列表。接著在管理所有 CMS 連結的資料集中,將這些元件連結至集合欄位。
想使用圖庫或桌次取代重複列表嗎?
如果您偏好在圖庫桌次中顯示集合項目,也可以辦到。刪除預設重複列表,然後新增專業圖庫或桌次。接著透過資料集將圖庫或桌次的各個部分連結至 CMS 集合,方式與連結重複列表相同。
  1. (選填)在重複列表新增元件(例如:按鈕、文字、圖片)或移除不需要的元件。您可調整重複列表的大小以容納所有元件。
  2. 點擊重複列表元件,然後選擇「連結至 CMS」圖示
  3. 在右側的「連結重複列表」面板中,點擊要連結的元件。
  4. 在「連線」下方,點擊相關下拉式選單,將元件連結至相關系列欄位或資料集小部件。選項因元件類型而異。
提示:
  • 若要將按鈕元件連結至動態品項頁面,請點擊 點擊小部件連結至 欄位,並選擇以 (Item) 結尾的集合動態品項頁面。
  • 若要將圖片元件連結至動態品項頁面,請點擊 連結連結至 下拉式選單,並選擇以 (Item) 結尾的集合動態品項頁面。
將按鈕連結至集合動態品項頁面的螢幕截圖。
  1. 點擊右側面板頂部的「重複列表連結」
  2. 重複上述步驟 3-5,將元件連結至系列欄位或資料集小部件。
已連結重複列表之資料集連結選項的螢幕截圖。
  1. 點擊即可根據需要調整重複器元件。
    提示:您隨時可以從重複器中新增或移除元件。若要使用不會變更的靜態內容,請取消連結元件。
  2. 點擊預覽即可測試動態清單頁面。
  3. 若準備好發佈變更,請點擊發佈

步驟 4 | (選填)管理資料集設定

預設情況下,動態頁面資料集最初允許在重複器或圖庫中顯示最多 100 個品項。您可調整每次載入的品項數量,以便一次載入最多 1000 個品項。您也可以新增篩選條件以僅包含特定品項,或新增排序以控制品項顯示的順序。
  1. 前往重複列表連結的資料集設定:
    1. 點擊重複列表。
    2. 點擊「連結至 CMS」圖示
    3. 點擊右側「連結重複列表」面板中的「資料集設定」。
  2. (選填)點擊「權限」旁的「權限類型」,以決定誰可以在已上線網站上檢視、新增、更新或刪除系列內容。
  3. (選填)若需編輯資料集名稱,請點擊「資料集姓名」欄位。
  4. (僅限 Velo)點擊「資料集 ID」欄位,以編輯頁面程式碼中用於識別資料集的 ID。
  5. 點擊「資料集模式」下拉式選單並選擇相關選項:
    • 閱讀:連結的元件可以閱讀並顯示系列中的內容。元件無法修改系列內容。
    • 讀取與寫入:連結的元件可以顯示系列中的內容。輸入元件可以新增或編輯系列中的內容。
  6. 編輯「每次載入品項數」欄位,以設定「一次可載入的品項數字極致」。這也是訪客點擊「載入更多」按鈕、「下一頁/上一頁」按鈕或分頁列時可載入的品項數字極致。請參閱下一節的步驟。
    請留意:此欄位不適用於桌次。若使用桌次顯示品項,請點擊桌次的「版面配置」圖示 ,然後設定自訂桌次高度並啟用分頁功能,以限制顯示的品項數量。
「每次載入的品項數」資料集設定的螢幕截圖。
  1. (選填)點擊 + 新增篩選條件 以在重複器中僅顯示特定品項
  2. (選填)點擊 + 新增排序選擇品項在重複器中顯現的順序
  3. 點擊 預覽 即可測試動態清單頁面。
  4. 若準備好發佈變更,請點擊 發佈

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

若計畫在此頁面顯示多個品項,請考慮新增 「載入更多」按鈕 以提升頁面載入表現。資料集的 每次載入品項數量 欄位決定了頁面最初可載入的品項數量,以及訪客點擊「載入更多」按鈕時可額外載入的品項數量。

您也可以新增「下一頁/上一頁」按鈕或分頁列(僅限 Wix 編輯器),讓頁面連結的重複器或圖庫顯示下一「頁」或上一「頁」品項。每次載入品項數量 欄位決定了每「頁」品項中顯示的最大品項數。
選擇後續操作:
提示:
在 Wix 編輯器中,您也可以連結分頁列,讓訪客循環瀏覽各「頁」品項。每次載入的品項欄位決定分頁列每頁可顯現的品項數量。若希望在 Studio 編輯器中使用分頁列,請在此為此功能投票

步驟 6 | (選填)讓訪客篩選品項

您可使用輸入元件讓訪客篩選動態清單頁面上顯現的品項。請從下列支援篩選功能的輸入元件中進行選擇:選項按鈕核取方塊下拉式選單選擇標籤滑桿(僅限範圍滑桿)。
顯示用於篩選動態清單頁面上顯現品項之輸入元件範例的螢幕截圖。

常見問題

點擊下方問題即可查看關於設定動態清單頁面的常見問題答案。