“Symbols”進化為“Components”

Webflow new features: "Symbols" evolved to "Components"

在 Symbols和嵌套性的內容覆蓋發布的基礎上，今天我們引入了一些功能和關鍵改進，並將“Symbols”發展為“ Components ”。此品牌重塑反映了此功能的新功能 - 並為未來投資可重用性、優化工作流程和額外控制奠定了基礎。

我們今天宣布的新功能和改進在兩個關鍵領域取得了進展：

1. 易於使用，因此組件對您和您的團隊來說更加直觀和易於訪問。

2. 額外的功能，讓您可以更靈活地自定義和重用組件，以適應項目中的不同設計場景。

讓我們探討一下我們今天發布的內容如何屬於這兩個領域。

新的直觀控件

我們簡化了您在組件上創建和管理屬性的方式，以便您可以快速修改它們並繼續手頭的下一個任務。

一鍵定義可修改的屬性

您可以直接在畫布上選擇組件中的元素，並定義可以修改的屬性，以使用獨特的內容自定義每個實例。

一鍵定義可修改的屬性

一鍵定義可修改的屬性

直接從畫布修改文本

我們還通過直接在畫布上編輯內容的能力，使 Components 對於網站貢獻者（如營銷人員和內容編輯）更加直觀。

直接在畫布上修改文本

直接在畫布上修改文本

擴展組件的可能性

此外，我們還擴展了您可以在您的網站上使用組件的場景。

在組件中顯示或隱藏元素

借助可見性屬性，我們使組件更加靈活，能夠顯示和隱藏組件實例中的元素，以配置您可以想像的任何佈局變化。

顯示或隱藏組件中的元素

在組件中顯示或隱藏元素

在您的組件中顯示 CMS 數據

在不同的 CMS 集合頁面中重複使用您的組件以保持一致的設計。只需將您的 CMS 數據連接到您的組件屬性。即將支持集合列表中的組件。

在您的產品系列頁面模板上使用組件

在您的收藏頁面模板上使用組件

我們才剛剛開始

Components（藝術家以前稱為 Symbols）的這些新功能將使團隊能夠一起構建，同時在擴展站點時最大限度地減少設計不一致。當然，這只是第一步——我們已經著手開發一系列附加功能，重點關注如何更好地管理您的組件、將組件完全連接到您想要的集合字段，以及跨多個網站共享組件的能力.

如果您想深入了解這些新功能的工作原理，請閱讀我們最新的Webflow 大學文章，了解最新和最精彩的內容。否則，請立即前往 Designer 進行試用。