Webflow CMS 簡介

Webflow CMS 讓您完全控制內容結構以及整個網站的內容設計方式。

內容管理系統 (CMS) 是一個在網站上儲存和管理動態內容的平台。動態內容是指變化的內容,可以納入網站設計中。您或團隊成員對 CMS 中的內容所做的任何更新或變更都會立即反映在使用該內容的所有頁面上。

本教程將涵蓋:

  1. 在 CMS 中組織動態內容的過程
  2. 將動態內容整合到您的網站中
  3. 修改動態內容

在 CMS 組織動態內容

第一步涉及創建一個 收藏。集合將動態內容儲存在集合項目中,使您可以在整個網站上引用此內容。

每個集合被指定用於儲存特定類型的內容。例如,您可以為部落格文章、團隊成員、工作清單、食譜或您喜歡的任何其他內容建立集合。每個集合由集合項目組成 - 代表單一實例,就像「團隊成員」集合中的單一團隊成員一樣。

集合提供了一種儲存和管理一致內容結構的有效方法。

定義集合字段

設定集合時,您可以確定其中每個集合項目的結構。例如,在為「團隊成員」建立集合時,您可能會包含姓名、圖片和電子郵件欄位。每種類型的內容對應一個集合字段,例如,用於名稱的純文字字段、用於圖片的圖像字段以及用於地址的電子郵件字段。

可以隨時更新或刪除集合欄位以及其中的內容。

詳細了解如何利用集合欄位來組織集合。

創建內容

一旦集合欄位就位,您就可以開始建立集合項目。每個集合項目充當集合中內容的不同部分。

例如,在建立「團隊成員」集合後,您可以開始為每個團隊成員輸入內容。在每個集合項目(即每個團隊成員)中,您將填寫預先定義的集合欄位(例如姓名、圖片和電子郵件地址)。

專家提示: 若要同時匯入多個集合項目,請考慮使用 CSV 檔案。

進一步了解創建和建立集合的資訊。

將動態內容納入您的網站

形成集合結構並新增集合項目後,您可以將該動態內容包含在您的網站上。這可以透過兩種方法來實現:利用集合清單或設計集合頁面。

圖表顯示了將動態內容新增至 Webflow 項目的兩種方法。個人資料卡的兩個主要元素是集合清單或集合頁面。

顯示集合

使用集合清單元素,您可以在網站的任何頁面上展示動態集合內容,包括主頁等靜態頁面。它允許您指定顯示哪些項目、根據欄位值套用篩選器或條件可見性以及組織內容。

設計集合頁面

對於集合中的每個集合項目,都會自動產生一個集合頁面。將集合頁面視為所有集合項目的通用設計範本 - 您在集合頁面上製作的設計將套用至集合中的每個項目。

自訂集合頁面時,您可以透過引用集合欄位來整合動態內容。對集合頁面的設計或動態引用所做的任何變更都會反映在與該集合中的項目關聯的所有集合頁面上。

筆記: 放置在集合頁面上的元素在連結到集合欄位之前保持靜態。

修改動態內容

您的收藏中的內容可以隨時變更或擴展。這可以從設計器或編輯器執行。

麥伊凡
Ewan Mak 的最新帖子 (看全部)