引入Divi 5的屬性管理

已發表: 2025-05-17

我們很高興發布Divi 5的屬性管理，該管理可以選擇性地或集體複製，粘貼和重置元素的屬性。對於任何建築商來說，這是最全面的屬性系統！

您可以從一個元素複製樣式，預設和內容，然後將其粘貼到另一個元素上。您可以在字段或組級別複製屬性並將其粘貼到元素級別。

您甚至可以通過右鍵單擊菜單選擇性地管理組級屬性，例如，您可以重置元素的某些方面或部分。

您可能想知道這一切的含義，所以讓我向您展示它是如何工作的。

1副本，粘貼和重置屬性
- 1.1複製屬性
- 1.2粘貼屬性
- 1.3粘貼選擇性組屬性
- 1.4重置屬性
- 1.5組，選項卡和字段屬性
- 1.6新鍵盤快捷鍵
2今天嘗試Divi 5
3偷看：與HSL相對顏色
另外4個Divi 5更新正在途中

輕鬆複製，粘貼和重置屬性

在Divi 4中，您可以復制，粘貼和重置樣式。在Divi 5中，我們將屬性管理提高到一個全新的水平，具有更具體性的複制，粘貼和重置每個屬性類型（包括樣式，預設和內容）的能力。

這是一個重大的改進，尤其是考慮到Divi 5專注於基於預設的設計。

複製屬性

右鍵單擊任何元素，然後單擊“複製屬性”按鈕以將其所有屬性複製到剪貼板，包括預設，內容和修改樣式。您可以從模塊，選項組，選項卡或字段複製屬性。

一旦將屬性的集合保存到剪貼板上，您就可以選擇性地或集體以各種方式粘貼它們。

粘貼屬性

右鍵單擊任何元素，然後懸停在粘貼屬性菜單上，以訪問Divi的新粘貼選項。根據剪貼板中哪些類型的屬性，您可以粘貼不同類別的屬性。相關屬性將映射到目標元素，而不支持的屬性將被忽略。

粘貼所有屬性- 粘貼所有屬性，包括您從源元素複製的內容，預設和修改樣式。
粘貼設計屬性- 您從源元素複製的所有與設計相關的屬性，包括預設和修改樣式。
粘貼樣式屬性- 僅粘貼您從源元素複製的修改樣式。
粘貼內容屬性- 僅粘貼您從源元素複製的內容屬性。
粘貼預設- 僅粘貼您從源元素複製的預設。

例如，在下面的視頻中，當我從blurb模塊中復制屬性並在另一個不同的blurb模塊上使用粘貼所有屬性選項時，將逐漸變化。

由於我複制了所有內容並粘貼了所有內容，因此我從本質上創建了一個重複的模塊，但這說明了屬性管理系統的工作方式！

另一方面，如果我選擇所有設計屬性選項，則只會粘貼預設和样式，而模塊的原始內容屬性完整。重新訪問我們以前的示例，您可以看到粘貼設計屬性會帶來原始模塊的樣式，而不會在下面的視頻中覆蓋其內容。

粘貼選擇性組屬性

屬性粘貼的粒度進一步發展，可以通過頂級右鍵單擊菜單選擇性地將任何屬性類型選擇為特定選項組。

例如，在下面的視頻中，我想在新的聯繫模塊上使用該按鈕預設。

我可以從第一個模塊複製屬性，而不是打開模塊設置，而是導航到按鈕選項組，然後選擇我所需的預設，然後使用粘貼選擇性預設菜單選擇性地粘貼按鈕預設。

重置屬性

重置屬性時，可以使用相同的控制級別，從而使您可以快速重置特定類型的屬性。

重置所有屬性- 重置所有屬性，包括內容，預設和修改樣式。
重置設計屬性- 重置所有與設計相關的屬性，包括預設和修改樣式。
重置樣式屬性- 僅重置修改的樣式。
重置內容屬性- 僅重置內容屬性。
重置預設- 僅重置預設。

例如，在下面的視頻中，您可以看到重置所有預設將從模塊中刪除所有預設，同時保留其內容和修改樣式完整。

此外，我可以為特定選項組選擇性地重置不同類型的屬性。回到我以前的示例，在該示例中，我將按鈕從一個模塊複製到另一個模塊，重置該特定的預設同樣容易。

我可以通過右鍵單擊菜單選擇性地從按鈕選項組中重置預設。

組，選項卡和字段屬性

相同級別的控件已擴展到選項組的右鍵菜單，使您可以選擇性地粘貼和重置特定類別的屬性類別。

新的鍵盤快捷鍵

最重要的是，我們為所有這些操作添加了鍵盤快捷鍵，並在右鍵單擊菜單中浮出水面，以易於使用。

今天嘗試Divi 5

Divi 5的屬性管理今天可以使用，這是今年將進入Divi的許多功能之一。

您可以隨著我們的進展，通過Divi 5及以後的最終版本，每兩週更新一次。根據您的優先級，您現在可以使用Divi 5來構建新網站或等到我們添加更多功能，任何最適合您的功能。

如Divi 5的原始多相發佈時間表中所述，Divi 5公共alpha就像“ Divi 5 Lite”。它缺少一些功能，並且可能不適合現有網站，但是如果您更喜歡Divi 4的體驗，就可以在新網站上使用。

我們希望您嘗試一下，如果您喜歡它，請使用它；當每個人都喜歡它時，我們將正式進行。

偷看：HSL的相對顏色

我們正在快速構建功能。每次我們完成新功能時，我們都會啟動一個新功能。每當我們啟動新功能時，我都會讓您偷看。

如果您錯過了它，請查看上週的功能偷窺，我在那裡用HSL展示了相對顏色。

我們正在大修Divi的顏色領域，並引入HSL支持，以精緻的關注顏色變量。使用新的色調，飽和度和輕度控制，您可以根據網站的全球調色板輕鬆創建相對顏色，以設計數學上美麗的顏色系統。

觀看此視頻以獲取所有細節。