Divi 5如何燃燒這條小徑（仍在Alpha時）

Divi 5毫無疑問地成形。自從我們推出Divi 5（可自定義的斷點）的首個新功能以來，已經四個月了，從那以後，我們取得了穩定而令人印象深刻的進步。在這四個月中，我們發布了Divi 5的其他七個開創性功能。這表明我們在對Divi Code Base的全面大修中創造了強大的基礎。

而且我們才剛剛開始。讓我們廣泛看一下Divi與其他WordPress主題和頁面構建者的比較。如前所述，在接下來的幾個月中，我們仍然有很多渠道，但是值得花一些時間來感謝Divi 5所在的位置並將其與其他解決方案進行比較。這不是360度比較，而是一項更一般的調查。

注意： Divi 5已準備好在新網站上使用，但我們不建議將現有網站轉換為Divi 5。

Divi復出的進步

2025年是Divi 5年。我們正在竭盡所能來建立WordPress上最佳的網站建設體驗。

這始於引擎蓋下的根本變化，現在正在實現新的設計系統和支持功能。

1。重構和現代代碼庫

Divi 5沒有通過快速修復和更新的拼佈到達。重新設計了每個模塊，設置和交互，以支持一種新的架構，該建築更加清潔，更快，可擴展。

相比之下，氧氣暫停了幾個月的開發，後來推出了一個新的建築商，沒有現有氧氣位點的升級路徑。如果您投資了他們的舊產品，則被迫在他們的新框架上重建或為安全更新（或完全切換到其他建築商）。

氧V4與新公佈的V6不兼容

Divi 5不同。在為未來創造基礎的同時，我們一直將重點兼容。

較小的團隊正在開發新的平台或維護舊平台，但是隨著時間的流逝，它們如何發展。像Builderius或Etch這樣的平台具有五顏六色的宣言，但尚未壽命證明。 WPBakery仍然在一個舊的基礎上運行，每年都會出現一系列功能，而他們建立了一個單獨的，不兼容的網站構建器。

Block Editor承諾了WordPress設計的新時代，但對開發人員進行了重大滿足。大多數站點所有者仍然發現它限制和復雜，因此他們用插件補充了它以使其可行。

這些只是一些插件，更不用說更多補充主題了

由於優雅的主題具有一支穩定的穩定團隊，並具有十年的往績，因此您不會押注蒸發軟件或實驗產品。

2。 WordPress的最佳預設系統

大多數設計系統僅使用選擇性全局樣式或主題。 Divi 5支持自定義CSS和本機設計變量，但也具有廣泛的預設系統，包括選項組和元素預設。

選項組在具有類似設置組的元素之間預設工作。例如，這是使您的標題，間距，尺寸和邊界半徑的一致性的好方法。

元素預設與Divi相比已經很長時間了，讓您輕鬆地將設計應用於各種情況下使用的相同模塊。其他建築商可能會提供全球樣式，但是Divi 5通過讓您以合併的方式創建和重複使用設置組來進一步。這是一個大規模的生產率升級，在很大程度上是Divi獨有的。

3。設計變量

關於設計變量有兩件重要的知識：

1. 設計變量與CSS變量相似，使您可以在UI中存儲可重複使用的值。
2. 設計變量超出了典型的CSS變量可以處理的內容，還包括內容（想想圖像，URL和文本字符串）

磚塊支持顏色和間距令牌，但Divi的變量越來越深。他們讓您將諸如呼叫式文本，圖像甚至特定URL之類的內容定義為變量，並在任何地方重複使用它們。

Elementor，WPBakery和Block編輯器不提供全系統範圍的變量。當然，Divi具有此功能，還可以讓您在合適的情況下使用CSS變量。

4.能夠使用所有CSS單元

沒有更多的基本單位限制。 Divi 5接受任何有效的CSS單元，包括大眾，REM，Fit-Content，Clamp（）和Calc（）。您甚至可以使用可以通過自定義CSS添加的CSS變量。

即使在變量管理器中，也可以在整個編輯器中使用高級CSS單元和功能

Divi 5支持所有現代CSS單元，包括clamp（），calc（）和無單位值。這使設計人員可以控制流體佈局，可擴展類型和響應間距，並使用他們舒適的CSS單元進行響應的間距。

5。基礎飛輪

Divi 5的新建築的最佳回報證明是什麼？我們發布了新功能的速度。是的，我們在上面顯示的功能（以及此點以下的某些功能）是極好的補充，但是它們在總體上令人印象深刻的是它們的創建很快。

短短三個月內發行了七個主要功能。這是故意飛輪效應的結果。

步伐：每12.3天每12.3天都有一個新的和主要的Divi 5功能！

其他建築商通常需要幾個月的時間才能發布類似的功能，因為他們的系統在每一步中都與之抗爭。他們試圖在沙子上建造摩天大樓。

相比之下，Divi 5經過設計以增長和擴展。我們竭盡所能，將其現代化並無所畏懼地添加到它上，因此它是在WordPress上建造的最好的東西。一旦Divi 5擊中了公共Beta，我們就不會追求競爭，而是創建新的標準供所有人遵循。

6。令人難以置信的速度

在Divi 5中，構建器的響應速度更快，您的更改渲染更快，並且大頁面不會滯後。為什麼？我們重建了所有內容，以便只加載所需的東西。新引擎使用智能代碼拆分和優化的模塊邏輯，該邏輯可從方程式中刪除冗餘腳本。它還處理最佳實踐的每一次互動，以避免更新或循環依賴性的鏈條。

Elementor的編輯器很慢，即使您處於帆布模式（編輯器中沒有標頭或頁腳），也可以感覺到它。

Divi的表現要好得多。請注意，您可以多快地複制構建器內部的任何元素。

每一個新功能都經過嚴格測試，以確定編輯器和前端的速度。打開模塊或拖動部分時，您會感覺到它。界面非常活潑，更改立即發生。

我們甚至刪除了我們心愛但緩慢的動畫，因此您不必進行點擊，等待，加載週期。

7。一個實際感覺現代的視覺構建器

超出速度，您會注意到氛圍立即不同。 Divi 5的新界面不與您戰鬥。默認情況下將面板停靠；您可以根據需要將它們彈出。您可以使用深色/燈光模式和自定義重音顏色自定義UI。這是一個新的設計時代的新專業UI。

一切都很容易閱讀。這聽起來像是一個小升級，但是在狹窄的界面上花費數小時設計的任何人都知道這有多少重要。

圖層視圖和X射線切換可幫助您在視覺上複雜的頁面中理解設計。

線框視圖，即Divi Classic，可讓您從嚴格的佈局透視圖中查看頁面，而無需呈現設計細節。

8。可自定義的斷點

現在，您有七個。所有七個都是可自定義的，這意味著您可以為每個斷點自定義屏幕尺寸。您可以將這些設置為傳統的斷點值，也可以採用設計優先的方法並自定義它們以滿足網站流量和設計的需求。

真正的優勢？它們集成到編輯器中，很容易訪問。您無需留下流量或深入到深處的三個菜單即可使用它們以使用它們。您可以直接在畫布上測試和調整特定於斷點的樣式。

這不是革命性的，但對設計師來說更加順暢，更直接和更友好。與WPBakery或本機塊編輯器不同，Divi 5可以完全控制響應式斷點，而無需觸摸一系列代碼。

我們還沒有完成（但我們已經取得了成功）

Divi 5不是海岸。這正在加速。它還不是完整的，但是我們已經在做到這一點，因此Divi可以趕上比賽並超越比賽。現有站點可能希望在更新之前等待公共測試版，但是隨著我們的遷移系統開始完美處理第三方模塊等的向後兼容性，我們會通知您。

我們已經重建了整個過程，消除了過去的限制，每隔幾週就會發出一項新功能，並且剛剛開始。這是接下來會發生的事情的瞥見：

Divi的顏色系統的新時代

Divi的顏色系統正在升級。

我們正在為基於HSL的顏色創建提供全力支持。這意味著可以在您的設計上以編程方式調整色調，飽和度和亮度值。您將能夠創建相對的顏色（例如“原始顏色，輕約20％”），它們與您品牌的全球調色板完美同步。這是我們全球顏色管理和添加設計變量管理器的擴展，我們認為您會喜歡使用它。

帶有彈性的佈局

您很快就可以使用新的行模板，列控件，垂直對齊，包裝和間距工具來設計您想像中的任何佈局 - 全部由Flexbox供電。它將簡化佈局結構，消除對“專業部分”的需求，並為頁面的每個部分帶來新的靈活性。

將其與嵌套行相結合，您可以以更少的代碼和更好的性能構建完全響應的，深刻的自定義佈局。

Divi正在快速移動

我們已經啟動了令人難以置信的新功能，提高了Divi的速度，並在現代靈活的編輯器中完成了所有功能。

現在，甲板上的HSL顏色和Flexbox（以及其他未經通知的功能），我們為設計師提供了他們一直在等待的工具。

注意： Divi 5已準備好在新網站上使用，但我們不建議將現有網站轉換為Divi 5。