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

CMS:新增並設定動態項目頁面

使用動態項目頁面,即可快速建立大量頁面,每個頁面分別代表 CMS 集合中的不同項目。動態頁面會作為範本,讓每個集合項目都有專屬的頁面版本和網址。您可自訂動態頁面的網址動態資料欄位結構,以便整理頁面,並為每個項目建立不重複的網址。

首先建立動態項目頁面,再新增及排列元件來設計版面配置。透過內建資料集,將文字和圖片等頁面元件連結至集合欄位。如此一來,每個項目的專屬頁面版本都會顯示相應集合欄位中的內容。

建議將集合的動態項目頁面與動態清單頁面搭配使用,透過中繼器、圖庫或資料表顯示項目目錄。訪客點擊動態清單頁面上的項目後,系統會帶領訪客前往動態項目頁面,查看該項目的詳細資料。
開始之前:
請先建立 CMS 集合並新增項目,每個項目都會顯示在專屬的動態項目頁面版本中。

步驟 1|新增動態項目頁面

從編輯器的 CMS 面板為集合建立動態項目頁面。新增的頁面會作為範本,供每個項目建立專屬版本。所有版本會共用同一個動態項目頁面,並根據項目顯示不同的詳細資料。
  1. 前往編輯器
  2. 點擊編輯器左側的「CMS
  3. 點擊「集合」。
  4. 將滑鼠游標移至相關集合,然後點擊「更多操作」圖示
  5. 點擊「新增動態頁面」。
在 Wix 編輯器中從集合新增動態頁面的畫面截圖。
  1. 選擇「項目頁面」,然後點擊「新增至網站」。
    提示:也可選擇「清單頁面」,同時為集合新增動態清單頁面

步驟 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. 將游標移至剛建立的動態項目頁面,然後點擊右側的「更多操作」圖示
    提示:根據預設,建立的動態項目頁面標題為:{Collection Name}(項目)
  5. 點擊「SEO」。
  6. 編輯「網址動態資料欄位結構」欄位:
    1. 點擊「網址動態資料欄位結構」欄位旁的「編輯」,然後選擇要執行的操作:
      • 新增變數:點擊「 新增變數」,然後選擇「文字」或「數字」欄位,在網址動態資料欄位結構中使用該欄位的值。
      • 新增或編輯靜態值:點擊欄位並輸入要在網址動態資料欄位結構中使用的靜態值,或編輯現有值。只能使用英文字母、數字或連字號。
        提示:可在網址動態資料欄位中新增非拉丁字元。
    2. 點擊「儲存」。
儲存動態項目頁面網址動態資料欄位結構變更的螢幕截圖。
  1. 點擊「取代網址」確認變更。系統會刪除動態頁面的舊網址,這些網址將無法繼續使用,並為動態頁面產生新網址。

步驟 3|將頁面元件連結至 CMS

根據預設,新的動態項目頁面包含文字和圖片等元件,這些元件會自動連結至 Wix CMS 集合欄位。

新增並排列要放在動態項目頁面中的元件。若要讓元件根據項目動態變更,請透過資料集將元件連結至 Wix CMS 集合欄位。若要讓元件內容在各個版本中維持不變,則不要將元件連結至 Wix CMS。

頁面上也應有預設的「上一個」和「下一個」按鈕,訪客點擊後會自動前往資料集傳回的上一個或下一個項目。您也可以新增「返回」按鈕,並將其連結至集合的動態清單頁面或其他列出項目的位置。
  1. (選填)新增元件至頁面(例如按鈕、文字、圖片),或移除不需要的元件。
  2. 將頁面上的元件連結至 CMS 集合:
提示:
3. 點擊預覽,並使用預覽工具列測試各項目的顯示效果。
提示:
點擊預覽工具列上的編輯項目,即可編輯目前查看的集合項目。
預覽工具列的螢幕截圖,可用於瀏覽其他項目及編輯項目。
4. 若已準備好讓變更上線,請點擊發布

常見問題

點擊下方問題,深入了解動態項目頁面的設定方式。