開始使用 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}

請為動態項目頁面建立適當的網址動態資料欄位結構,讓每個項目都有獨特網址。若沒有獨特網址,項目就無法擁有專屬的動態項目頁面。 了解更多建立獨特動態頁面網址的資訊。

編輯網址動態資料欄位結構時,不可使用網站其他現有頁面已採用的結構。若要建立獨特的網址動態資料欄位結構,該結構不可與網站上的其他頁面使用相同的前置字串(例如 {Collection name}),且變數數量不可相同,即使變數本身不同也一樣。
重要:
若希望舊網址自動重新導向至新增變數後建立的新網址,請先為網站連結網域。若網站尚未連結網域,舊網址將無法繼續使用,並會載入 404 錯誤頁面。

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


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

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

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

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

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

常見問題

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