在Divi 5中擴展到不同元素類型的靈活性

進行設計更新不應該像檢查框。但是，即使是簡單的東西，例如更改按鈕樣式或更新字體，都意味著手動編輯每個模塊。它很慢，重複且易於混亂。

Divi 5用擴展屬性修復了Divi 4的擴展樣式的升級版本。它使您可以使用一次更改並將其擴展到任何地方，甚至在不同的元素和模塊類型上。在這篇文章中，我們將研究這種靈活性如何節省您的時間並清理工作流程。

Divi 5中的擴展屬性是什麼？

擴展屬性可讓您只需單擊幾下將樣式，內容或預設從一個元素擴展到其他元素，而無需手動編輯每個模塊。

訂閱我們的YouTube頻道

但這不是您典型的複制和處理工作流（如果您有興趣的話，我們也有）。擴展屬性在不同的元素和模塊類型上起作用，而不僅僅是相同的屬性類型。例如，您可以一次性設計標題，並將相同的字體應用於切換標題，一個人模塊名稱或傾斜標題。只要他們共享相同的樣式組，例如文本，他們就會跟進。

而且它不止於此。您幾乎可以在任何地方擴展任何東西。從一個部分複制背景顏色，並將其應用於頁面上的每個行，部分，列或模塊。

或在不同模塊上重複使用按鈕樣式；您可以將樣式從呼籲行動擴展到聯繫表。一旦開始使用它，您就會改變您對更新的看法。您將不再一遍又一遍地陷入同樣的事情。使用擴展屬性，您將保持一致，節省時間並通過佈局更改更快，並通過更多的控制。

使用Divi 5中的擴展屬性

擴展屬性易於使用，並為您提供足夠的靈活性。要開始，只需右鍵單擊您已經設計的元素即可。這可能是一個模塊，列，行甚至整個部分。從出現的菜單中，選擇“擴展屬性”。

（您還可以直接在特定設置組（例如字體或間距）上右鍵單擊。這可以使用已經選擇的該組打開擴展屬性面板，當您確切地知道自己的目標時，這會使過程更快，更精確。）

一旦打開擴展屬性面板，您就可以決定要擴展什麼以及在何處應用它。

您會看到一些明確的選擇：

• （1.）從元素延伸：您樣式並要復制的項目。
• （2.）擴展到位置：選擇更改應該走多遠。只是當前部分，父行或完整頁面。
• （3.）擴展到元素類型：選擇要定位的元素類型，例如僅文本模塊或所有模塊。
• （4.）屬性類型要擴展：選擇要復制的內容：設計，內容，預設或這些混合物的任何混合。
• （5.）要擴展的選項組：專注於特定的設置，例如文本，邊框或按鈕樣式。
• （6.）修改的字段要擴展：您可以僅應用您更改的字段或包含所有內容。

這是一個快速示例。假設您已經在文本模塊內設計了一個標題，並希望將相同的字體應用於同一部分的其他標題。您將位置設置為父段，元素類型為文本，然後選擇“身體選項”組（因為我們只想傳輸身體樣式）。

應用後，該部分中的每個匹配文本模塊都會使用相同的字體樣式更新。

這就是使擴展屬性特別有用的原因。您不會卡住整個設計。您可以準確選擇要擴展的內容，只有一個組或多個屬性。您甚至可以將內容和設計攜帶到完全不同的模塊中。

但是，如果起初的設置感覺很多，請理解它是完全正常的。您可能需要測試一些組合，以了解範圍，元素類型和設置組如何一起工作。一旦單擊，它就會成為Divi工作流程中最有效的工具之一。

在接下來的部分中，我們將瀏覽實踐示例，以顯示所有這些內容如何融合在一起。一旦您了解每個設置的工作原理，擴展屬性就成為構建一致設計的強大工具，而無需重複相同的工作。

了解有關Divi 5的擴展屬性的所有內容

Divi 5的擴展屬性如何超過Divi 4的擴展樣式

如果您使用了Divi 4，則可能熟悉擴展樣式。它使您可以將設計設置從一個元素複製到另一個元素，但僅在同一元素類型中。這使得它有助於快速修復，但限制了更複雜的更新。

Divi 5的擴展屬性將這個想法進一步進一步。它不僅複製設計，還可以與內容和預設一起使用，還可以完全控制所應用的內容和在哪裡。您甚至可以選擇特定的屬性來擴展，例如僅背景顏色或邊框半徑，而不會影響其他任何內容。

您不再鎖定匹配模塊類型或在佈局上重複相同的更改。擴展屬性使您可以精確地選擇重複使用的內容以及它應該走多遠，無論是跨部分還是整個頁面。它的構建是為了適應您的工作流程，並使樣式更快，更聰明，更一致。

擴展屬性在Divi 5中可用 - 下載最新版本可以立即嘗試。

5個實際示例，說明您可以擴展什麼（以及如何）

到目前為止，我們已經討論了擴展屬性可以做什麼。現在，讓我們看一下如何實際使用它。這些示例遍歷不同的設置組合，您可以嘗試節省時間並更有效地應用更新。

1。擴展樣式跨不同的元素類型

擴展屬性不會將您鎖定到固定的層次結構中。無論您是從一個部分轉移到模塊還是從一行到列，都可以在不同的佈局級別上應用樣式。

這使得在佈局上創建視覺連接變得容易。推薦模塊可以匹配其所在的部分。呼叫的行動模塊可以從上面的行拾取樣式。只要它們共享樣式組，您就不僅限於在類似元素之間擴展樣式。根據您的設計需求，您可以從廣泛到特定，反之亦然。

從一節延伸到列

假設您在該部分中添加了微妙的邊框半徑，以軟化佈局的邊緣。在該部分中，您有一個帶有背景圖像的列，並且希望它能夠鏡像相同的圓角以獲得視覺一致性。

而不是手動重新填充半徑，而只需右鍵單擊該部分，而是選擇擴展屬性，將元素類型設置為列，然後從選項組中選擇“邊框” 。

該列將繼承相同的邊框半徑，因此您的背景圖像或嵌套佈局不會破壞視覺流。

從一排延伸到一排

另一個例子是將填充物從截面擴展到行或其他部分，以保持一致的空白。右鍵單擊該部分，選擇擴展屬性，將元素類型設置為行，然後從選項組中選擇間距。

現在，所有行都繼承相同的填充值，從而使頁面一致的間距。

從部分延伸到模塊

假設一個部分已經具有您想要的背景，邊框或間距。您可以將它們直接傳遞到另一個元素，即使它嵌套在內部或放置在該部分之外，也可以將這些樣式重新創建。

例如，如果一個部分具有您在證明中想要的背景，則只需使用擴展屬性即可。選擇推薦作為元素類型，將範圍設置為整個頁面，並確保選擇背景屬性。

一旦應用，證明就會繼承該背景，而無需手動編輯。

在網絡設計中，一致的視覺細節（例如背景顏色，邊框和間距）有助於將所有內容綁在一起。借助擴展屬性，您可以輕鬆地在佈局上攜帶該一致性，並在每次從頭開始就可以創建拋光的，品牌的體驗。

從列延伸到一排

您也可以遵循反向方法，例如，從列擴展到一行。假設您已經添加了一條乾淨的實線來構架您的列。如果您希望行攜帶相同的邊框樣式以達到視覺一致性的一部分，則可以立即重複使用這些樣式。只需將邊框選項組擴展到父行即可。

該行拾取了相同的邊框設置，在兩者之間建立了清晰的視覺連接。當構建依賴一致輪廓或分離器的分層部分或盒裝佈局時，這一點特別有效。

這些只是一些組合，也可以逆轉。實際上，您可以在幾乎任何佈局級別上擴展樣式。擴展屬性可為您提供完全的靈活性，從應用列間距到其中的模塊到將截面陰影載入行或按鈕。您也可以：

• 從一行複制邊界 - 拉迪烏斯並將其應用於模塊
• 從模塊跨列重複使用轉換動畫
• 將字體對齊從部分擴展到其中的所有文本模塊
• 將圖像過濾器從一列應用於另一列以進行一致的樣式
• 如果兩個元素共享樣式組和上下文，則擴展屬性可能可以處理。

目的不是記住所有組合，而是要試驗並發現對您的佈局有用的方法。一旦開始考慮可重複使用的設計而不是一次性編輯，您的工作流就會自然變得更快，更清潔，更一致。

2。擴展樣式跨不同的模塊類型

擴展屬性識別按鈕之類的共享樣式組，因此您只需幾個步驟即可在不同模塊上應用相同的樣式。

例如，假設您已經設計了一個自己喜歡的按鈕，並希望在聯繫表上使用它。而不是手動重新校準，而是右鍵單擊原始按鈕，選擇擴展屬性，選擇按鈕選項組，然後將元素類型設置為接觸表單。然後將範圍設置為整個頁面。

該設計將立即延續到聯繫表的提交按鈕，而無需進行手動調整。

您也可以重複其他模塊的過程。如果要將相同的按鈕樣式擴展到電子郵件Optin，只需將元素類型更改為電子郵件Optin ，並且該按鈕將自動匹配。

這種跨模型樣式可以節省使用鈕扣重的佈局時的幾個小時。由於Divi將按鈕視為共享組的一部分，因此您可以在任何地方重複使用一次，而不會破壞一致性。

3。保存並擴展選項組預設

擴展屬性還可以與預設一起使用，從而使您可以在佈局中重複使用保存的樣式。

例如，想像一下，您已經設計了一個帶有圓角，微妙邊框和柔和陰影的列。您可以將其保存為邊框預設，以稍後再使用它。

僅當元素保存預設時，僅出現擴展邊框預設選項。

現在，您可以一步一步將其擴展到其他列，而不是手動將該預設應用於其他列。只需右鍵單擊原始列，選擇擴展屬性，然後從面板中選擇“擴展邊框預設” 。

選擇後，將元素類型設置為列，並將範圍設置為父部分或整個頁面，具體取決於您想要的位置。預設樣式立即將其轉移到其他列，而無需再次設置。

這使保持佈局保持一致變得更加容易，尤其是在使用定制邊框樣式，陰影或任何其他在預設下的設計時。

4。樣式一次，然後僅擴展您更改的內容

當從頭開始構建佈局時，單獨造型每個元素都會感到無盡。一次擴展樣式的一個屬性，例如第一個陰影，然後邊框，然後間隔，只會減慢您的速度。

這就是所有修改後的字段選項所在的地方。您可以設計一個元素，然後僅將您所做的更改應用於其餘部分，而不是手動選擇每個設置。

例如，說您在畫廊中的一個圖像中添加了一個柔軟的邊框和淺色陰影。

要將相同的外觀應用於所有其他圖像，請右鍵單擊樣式的圖像，選擇擴展屬性，然後在修改的字段中選擇所有修改的字段以擴展列。

只有您更改的屬性才能延續。其他一切都保持不變。這可以使您的設計保持一致，而不會覆蓋其他設置，這是加快散裝樣式而不會失去控制的最簡單方法之一。

5。將樣式擴展到單個模塊中

擴展屬性不僅在模塊之間起作用，而且可以在它們內部工作。以手風琴模塊為例。如果您曾經對一項項目進行樣式，然後再重複五次更改，那麼您就會知道這會多麼乏味。

現在，您只需要為第一個項目設置並進一步擴展樣式即可。

應用設計後，只需打開擴展屬性面板，選擇手風琴模塊，然後選擇要應用於其餘的特定修改字段。

當您確認時，同一模塊中的所有其他項目會自動更新。這是一種使您的樣式保持一致並在所有項目中應用單一操作應用更改的快速方法。

擴展屬性解鎖真正的設計靈活性

Divi 5的擴展屬性為您提供了更快，更專注的方式來進行設計更改。從按鈕和標題到邊界，內容甚至嵌套元素，您都可以完全控制複製的內容以及它的去向。

它跨不同的模塊，佈局部分和設計級別工作，同時使工作流程平穩有效。但是，只有自己嘗試一下，您才能相信它。因此，今天在Divi 5中嘗試擴展屬性，並在下面與我們分享您的經驗！