您討厭Divi 4以及我們如何在Divi 5中修復它們的事情

Divi已成為領先的WordPress主題和頁面構建器，它通過其多功能設計選項和直觀的視覺構建器為近100萬個網站提供動力。它的受歡迎程度的提高源於其易用性和創建令人驚嘆的專業網站而無需大量編碼的能力。但是，我們知道Divi 4並不完美。

通過論壇，社交媒體和我們的研究的用戶反饋，我們大聲又清晰地聽到了您的挫敗感。性能問題，過時的代碼庫，一個笨拙的界面和有限的設計靈活性在Divi 5中是過去的。這些見解塑造了Divi 5的演變，並且對Divi的核心的完整重寫是我們如何正面解決這些疼痛點。

在這篇文章中，我們將討論Divi 4最常見的批評，並解釋Divi 5如何提供更快，更可擴展和現代的解決方案。

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

Divi 5：我們在哪裡，什麼是新的

Divi 5處於其公共Alpha階段，這是一個主要的里程碑，邀請用戶在新網站構建中測試新功能。在完整髮布之前，此階段使您可以探索經過改進的視覺構建器，提高速度並增強了Divi 5的設計靈活性。我們致力於連續更新，以確保您的輸入驅動的持續改進。當我們致力於Q4 2025 - Q1 2026的全部版本時，我們將添加新功能並確定糾結。

Divi 5中的主要新功能

• 現代代碼庫： Divi 5提供了更快，更響應的視覺構建器，僅通過加載所需的模塊來消除Divi 4的代碼膨脹。
• 沒有更多的短代碼：與Divi 5中的短代碼說再見。建立在基於HTML-5的系統上，Divi 5 Slashes Bugs，Boosts兼容性以及與現代WordPress標準的一致。
• 增強的視覺構建器： Visual Builder的UI已通過淺色和深色模式，可停靠的面板，標籤窗戶，鍵盤快捷鍵以及更直觀的層視圖，並帶有麵包屑，可輕鬆導航。
• 嵌套行和模塊組：創建具有無限嵌套和模塊組的嵌套行的複雜，響應的佈局，作為多功能，可重複使用的容器。
• Divi AI： Divi AI已完全集成到Divi 5的公共alpha階段中，從而帶來了生成文本，代碼，圖像，部分和完整佈局的能力。
• 可自定義的響應式斷點： Divi 5引入了七個可調節的斷點（與Divi 4中的三個），以使您對響應式設計進行精確的控制，從而確保每個設備上的佈局閃耀。
• 基於預設的設計： Divi 5引入了一種基於預設的設計方法，使用戶可以創建元素預設和選項組預設，從而提供對網站外觀和感覺的更多控制。
• 設計變量：使用Divi 5的新變量管理器使用設計變量來創建全局默認值。
• 屬性管理： Divi 5的新屬性管理系統允許用戶複製，粘貼和重置樣式和內容設置，以促進整個Divi網站的設計一致性。
• 高級單位： Divi 5在Divi 4中的大眾，VH，REM和EM等單元上擴展，以包括calc（）和clamp（）等高級單元，用於間距和排版，以及CSS單元，例如Min，Max，Max，Unsot等。

Divi 5的公共alpha是您體驗更聰明，更快，更靈活的Divi的機會。

關於Divi的常見投訴

根據用戶洞察力和我們的研究，我們確定了Divi 4的最常見用戶挫敗感，以及Divi 5如何直接解決這些問題。在下面，我們概述了這些痛點以及Divi 5如何解決它們。

1。性能和速度問題

Divi 4的視覺構建器比您想要的要慢，由於Divi 4的基礎架構，複雜的頁面需要更長的加載，這使得很難擴展。我們從用戶那裡看到的一個普遍投訴是，在編輯過程中，視覺構建器滯後，充滿了不必要的動畫，並且需要時間交換斷點。

結果，使用Divi 4的設計頁面可能需要更長的更長的用戶。

Divi 5如何解決問題

Divi 5是從頭開始構建的，以精簡和模塊化，僅加載您使用的模塊和功能。這消除了不必要的處理，從而使視覺構建器更快，響應速度更快。通過採用與Gutenberg相同的基於HTML-5的存儲格式，Divi 5完全刪除了快捷代碼處理（除非在向後兼容模式下 - 請參見下文），以確保具有活潑的編輯體驗和更快的頁面負載。

我們還修改了模塊設置的處理方式，因此前端輸出僅定製樣式和標記，從而使情況有效。 Divi 5的New Foundation擁有十多年來的經驗，提供了一種順利，準備就緒的表演，測試者在公共Alpha階段的速度和流動性讚美。

向後兼容模式的Divi 5

對於具有Legacy Divi 4基於快速代碼的模塊的頁面，Divi 5可確保它們通過將Divi 4框架與流線型Divi 5系統一起加載來正確渲染。這優先考慮兼容性，但可能會稍微影響性能。為了保持效率，Divi 4框架僅在帶有舊模塊的頁面上加載，因此您的其餘網站完全受益於Divi 5的速度提高。

2。基於快速代碼的系統

Divi 4對短碼的依賴會與現代WordPress產生兼容性問題，從而導致諸如復雜主題開關之類的挫敗感。使用Divi 4，很難切換到另一個主題，通常需要用戶在遠離Divi時從頭開始重建站點。

當Divi 4停用時，內容將包裹在主題產生的短碼中，從而使開關主題變得困難又繁瑣。這有助於潛在的Divi用戶找到更多現代應用程序，例如磚或Gutenberg，以便在必要主題開關時進行清潔過渡。

Divi 5如何解決問題

Divi 5消除了短代碼，採用了與WordPress塊編輯器一致的干淨基於HTML-5的存儲格式。這種轉變可減少錯誤，簡化遷移並確保未來的可擴展性。 Elegant Themes的不和諧社區反饋報告了在Alpha測試期間沒有與快捷代碼相關的錯誤的平滑主題過渡。

3。笨拙的界面

Divi 4的視覺構建器經常因其繁瑣的用戶體驗而受到批評，這需要過多的點擊並減慢設計過程。圖層視圖是一種關鍵的導航工具，是混亂而又不可擴展的，因此很難有效地管理複雜的佈局。用戶，尤其是初學者，通過需要時間和耐心的學習曲線發現界面不直覺。

笨拙的界面增加了設計時間，這可能會增加挫敗感。初學者很難找到設置或理解工作流程，而經驗豐富的用戶則浪費時間導航嵌套菜單，而這些圖層視圖彈出窗口，在設計時必須在佈局周圍永久移動。這可以降低生產力和尋求更簡化體驗的用戶。

Divi 5如何解決問題

Divi 5通過旨在最大程度地降低摩擦並提高生產力的時尚，以用戶為中心的UI來改變視覺構建器。例如，諸如Dockable面板之類的工具允許用戶固定經常使用的設置，並且標籤窗口使瀏覽模塊選項更加容易。此外，改建的層視圖現在是緊湊且可擴展的，現在有一個麵包屑功能，可以使您更容易導航佈局而不會丟失嵌套結構。

這些變化創造了一種流暢，響應迅速的編輯體驗，感覺現代有效。

4。有限的高級佈局功能

Divi 4的佈局系統是設計師的重要痛苦點。它缺乏現代的Flexbox支持，並依靠限制創意自由的僵化的行結構。建立復雜的佈局，例如動態投資組合，錯綜複雜的定價表或多列設計，通常需要使用專業部分，自定義CSS或其他解決方法，而與其他建築商相比，它們感覺已經過時了。這種剛性扼殺了創造力，迫使用戶克服局限性，以實現現代，視覺上精緻的設計。

Divi 4中缺乏靈活的佈局工具迫使設計師在定制解決方案上花費更多的時間來獲得預期的結果，從而大大增加了開發時間和挫敗感。這使Divi對Elementor和Bricks等競爭對手的劣勢，這些競爭對手提供了更高級的佈局功能。對於旨在創建響應迅速，複雜佈局而無需編碼的用戶，Divi 4通常會感到限制和耗時。

Divi 5如何解決問題

Divi 5使用新功能重新定義了設計靈活性，使用戶可以創建複雜的現代佈局而無需觸摸一系列代碼（除非這是您的事）。嵌套行的引入允許無限嵌套，使設計人員可以為畫廊，團隊成員展示櫃等建造多層行結構等。

模塊組充當多功能容器，提供高級樣式選項，以創建凝聚力，視覺動態的部分。

七個可自定義的斷點提供了對響應式設計的顆粒狀控制，可確保從手機到寬屏台式機的設備上完美的佈局。

儘管尚未引入Flexbox支持，但我們為其奠定了基礎，因此希望很快將其發​​布。增加對Flexbox的支持將進一步提高佈局精度和靈活性，並與模塊組並駕齊驅，以保持設計清潔和重複使用。

其他功能（例如高級單元）包括Calc（）和Clamp（）等CSS功能，而設計變量則使側面範圍的樣式保持一致性，並最少。

通過讓用戶複製，粘貼或重置樣式跨元素來歸因於管理工作流，從而大大縮短了設計時間。

這些工具使Divi 5成為創建精緻，響應迅速的設計，它們在直觀的環境中都與競爭者相抗衡。

5。有限的博客模塊和畫廊模塊自定義

Divi 4的博客和畫廊模塊缺乏對現代，動態設計的靈活性，迫使用戶依靠第三方插件或自定義代碼來創建諸如砌體網格，自定義郵政供稿或風格化畫廊顯示器之類的佈局。這種限制阻礙用戶在沒有其他工具的情況下實現獨特的，視覺上吸引人的內容演示文稿。

用戶面臨額外的成本，並花費大量時間在解決方法上，使那些在Divi中尋求本地無縫解決方案的人感到沮喪。對第三方插件的依賴使工作流程複雜化，並破壞了Divi的多合一吸引力，尤其是與提供更健壯的內容自定義選項的競爭對手相比。

Divi 5如何解決問題

Divi 5通過即將到來的查詢循環構建器解決了博客和畫廊模塊的限制，這將改變用戶使用Divi創建和样式動態內容的方式。 LOOP構建器允許用戶使用Divi的整個模塊套件在Visual Builder中使用Divi的整個模塊構建任何帖子類型，包括博客，畫廊和項目。

自定義循環允許設計人員創建用於重複內容的模板，例如砌體網格或動態帖子提要，而無需插件或編碼。例如，用戶可以構建具有圖像模塊，文本模塊和按鈕的混合物的事件佈局，然後將其應用於事件循環，控制通過查詢選項出現的帖子。您還可以合併模塊組和嵌套行，以創建完美樣式（和可重複使用的）佈局，以使用樣式展示您的內容。

6。落後於競爭者的感知

在優雅的主題中，我們致力於提供隨著用戶和WordPress生態系統需求而發展的網頁設計體驗。有些人想知道Divi是否可以跟上頁面構建者的快節奏世界。答案是肯定的，我們的做法比以往任何時候都更快。

Divi 5如何解決問題

經過兩年的重密度重構，我們通過現代建築從頭開始重建Divi，使我們在未來幾年內超過競爭。大修使我們每1-2週推出新功能，從而為用戶提供速度，靈活性和創新。我們加速的開發週期意味著您不僅要獲得符合當今標準的頁面構建器。您將獲得一個始終領先的一步。

Divi 5的較快的視覺構建器和前端渲染，再加上與WordPress的塊編輯器的完全兼容性，可確保無縫且防止未來的設計體驗。諸如設計變量之類的功能使您可以單擊一鍵進行範圍內的樣式更改。

同時，基於預設的設計通過啟用一致的模塊樣式來簡化工作流程，無論是通過整個模塊的元素預設還是用於Border Styles（例如邊框樣式）的可重複使用設置的選項組預設。

Divi 5憑藉現代的代碼庫和功能發行的快速步伐，不僅趕上了。它正在為頁面構建器的標准設置標準。

Divi 5的未來

Divi 5 Public Alpha激發了測試人員的熱情，他們對其變革性進步感到滿意。早期採用者稱讚更快的視覺構建器，將其描述為其前身的劇烈更新。嵌套行和模塊組之類的功能使復雜的佈局成為可能，而Divi AI生成內容和佈局的能力則具有節省時間的潛力。但是，我們意識到有些用戶正在等待完整的Flexbox支持，查詢循環構建器以及即將到來的功能，然後再使用Divi 5。

我們與社區深入互動。首先，我們積極回應反饋。我們正在合併用戶驅動的功能。這種協作方法可確保Divi 5的發展以滿足我們用戶的需求。

缺乏確認的發布日期會推遲一些，我們明白了。但是，我們希望提供最佳的Divi版本，這需要時間。當前，我們正在積極發布新功能，修復錯誤和掃描用戶輸入以進行更多改進。

因此，我們邀請您下載Divi 5 Public Alpha，在新項目上測試其強大的功能，並通過我們的銷售/支持聊天，社交媒體平台分享您的反饋，或者通過對我們與Divi 5相關的博客文章發表評論。您的意見對於塑造最終版本至關重要，有助於確保Divi 5滿足並超出期望。因此，潛入並幫助我們建立WordPress的未來。

擁抱Divi的演變

Divi 5標誌著一個重大的飛躍，直接通過現代化的，以用戶為中心的方法直接解決有關Divi 4的關鍵投訴。它通過更快的視覺構建器和改進的前端渲染來解決性能問題。另外，它通過利用現代框架來消除短代碼，並提供具有直觀導航的簡化UI。由於Divi 5的新功能和Flexbox支持的基礎基礎，設計人員還將找到大量改進的佈局靈活性。 Divi 5的進步將使您能夠在更少的時間內輕鬆創建複雜的響應式佈局。

我們了解您目前是否在採用Divi 5的柵欄上。但是，它功能齊全且為新項目做好準備。如果您正在啟動一個不需要第三方集成的新項目，我們鼓勵您探索Divi 5並加入我們的互動社區。您的反饋對於Divi 5的持續發展至關重要，並將直接塑造其最終版本。