立即嘗試 Divi 5 Alpha 演示！

已發表: 2024-05-02

我帶著 Divi 5 的另一次更新回來了，今天，我很高興地宣布 Divi 5 演示網站可用。 一旦我們完成了更多功能並解決了您發現的任何錯誤，我們將發佈公共 Alpha 版，您可以在您的網站上下載和測試。 同時，我們將每兩週更新一次演示，您可以關注。

嘗試 Divi 5 演示

我們還為 Divi 5 設定了一個新的登陸頁面，您可以在其中找到演示網站的連結以及我所有每月 Divi 5 更新的清單。

在下面的影片中了解所有詳細資訊。

探索 Divi 5 演示

您會注意到新版本的 Visual Builder 即將完成。 一些缺少的功能包括快速操作、尋找和替換、預設、WooCommerce 模組和一些條件選項。 如果演示中缺少某些內容，並不是因為我們刪除了它；而是因為我們刪除了它。 它只是還沒有被添加。

這是一個 pre-alpha 版本。 您將在介面中遇到錯誤和怪癖，其中大部分已經在我們的雷達範圍內。 如果您發現錯誤，請將其回報給我們的支援團隊。 我們仍在完善工作，發布此演示使我們能夠在公共 Alpha 版上線之前獲得更好的狀態。

Divi 5 發生了什麼變化？

Divi 5 看起來有點不同。 一切的工作方式幾乎與 Divi 4 相同，但有一些變化需要注意。

  1. 可自訂的介面： Divi 5 支援多個面板、組合面板視窗和自訂對接配置。
  2. 更輕鬆的響應式編輯：響應式編輯不是在選項層級啟用響應式編輯，而是在應用程式層級控制。 切換到任何視圖，您在該視圖中所做的變更將自動套用。
  3. 新的互動模式： Divi 5 中的互動模式也有所不同。 單擊任何元素將打開其設定面板。 您不需要雙擊或單擊齒輪圖示。 所有操作都可以透過右鍵單擊進行，因此如果您想要隱藏所有內容以簡化介面並防止重疊，這是一個可行的選擇。
  4. 直覺的導航：由於設定面板中的停靠圖層面板和麵包屑，導航頁面也變得更加容易。
  5. 驚人的性能： Divi 5 速度更快，您會立即註意到這一點。 此外，它不會陷入大型、複雜的設計中。 嘗試點擊周圍，快速複製內容，並瘋狂地使用不同的設置，你會發現它有多快。
  6. 簡單、精簡的介面： Divi 5 的介面更加精簡。 它更小、更有效率。 它更加快捷並且沒有不需要的動畫和效果。 它缺少每個面板中過時的保存和取消按鈕。 它還配備了黑暗模式。 您可能會對 Divi 4 更大、更慢、更有趣的設計感到賓至如歸，但是一旦您習慣了 Divi 5，您就會欣賞到它的新優勢。

展望未來

Divi 5 中最關鍵的變化是你看不到的東西。 幕後的新基礎使 Divi 從開發角度變得更加強大，使我們的團隊和社群能夠建立 Divi 4 中不可能的新功能。

一旦我們發布 Divi 5，真正的樂趣就開始了，因為我們將向前衝刺，創造我們知道您想要的所有功能！ 相信我; 我們知道您需要許多基本功能：循環生成器、Flexbox 和 CSS 網格、改進的可訪問性、更多模組、更好的選單和標題選項； 這一切都在我們的雷達範圍內，我迫不及待地想克服這個障礙，以便我們可以找到工作。

這個月我們取得了什麼成就

接下來，讓我向您報告我們的月度進度報告。 我們繼續完善新介面，並將這些改進擴展到 Divi 的其他領域，為主題生成器、主題選項、角色編輯器和 Divi 庫塗上一層新的油漆。 我們繼續執行錯誤修復任務，修復了另外 100 多個錯誤，並將清單縮小到易於管理的範圍。 我們完成了全域顏色和大部分圖層視圖，並開始研究一些剩餘的前端功能，包括動態資源和靜態 CSS 檔案生成。

我們還將 Divi Cloud 插入新版本的 Divi Library，讓我們的小型 Divi AI/Cloud 團隊來實現這些功能，並幫助 Divi 5 更快地衝過終點線。

以下是最新的 Divi 5 變更日誌條目。

  • 在 VB 中新增了預設選擇組件。
  • 在 VB 中為模組元素新增了預設項目類別。
  • 修正了停用管理列時上邊距不正確的問題。
  • 修正了 CSS 渲染中的一個錯誤，該錯誤導致斷點和狀態輸出的 CSS 在某些情況下順序不正確。
  • 更新了上傳字體輸入樣式。
  • 修正了在 VB 中儲存/預覽任何模組時出現的錯誤。
  • 修正了儲存彈出樣式時的錯誤。
  • 修復了擴充圖示選擇器模式尺寸和定位。
  • 當右鍵單擊>“轉到圖層”選項在多個模組上單擊時，修復了在側邊欄左側多次渲染圖層視圖的問題。
  • 設定新增模態高度以自動適應可用的視窗高度。
  • 修正了以下問題：當您沒有/零全域顏色時，「新增顏色」按鈕不可見；如果您只有一種全域顏色，則該顏色將被隱藏，並且只有「新增顏色」按鈕可見。
  • 修正了添加全域顏色導致模組的區域互動/捕鼠器被禁用的問題。
  • 修正了可移植模式中匯入和匯出標籤的動態操作標籤問題。
  • 修正了設定面板中啟用重定向按鈕關閉但 URL 欄位可見的問題。
  • 修復了傳遞到包裝器組件的透明層模態大小。
  • 儲存貼文/頁面時清理了一些幕後程式碼
  • 修正了僅在草稿上而不是在發布/預覽時同步全域顏色的問題。
  • 修正了儲存時未從佈局中刪除已刪除的全域顏色的問題。
  • 修復了黑色到白色顏色範圍內的顏色選擇器故障。
  • 已修正：開啟模態會變更模組設定值。
  • 修正了以下問題：如果您有大量全域顏色，則展開「已儲存/最近顏色」選項卡，然後開啟「全域顏色」標籤會導致顏色樣本重疊在已儲存/全域/最近選項卡標題上。
  • 新增了對剪貼簿複製/貼上功能的測試，以驗證全域顏色屬性值是否已複製/貼上。
  • 在 TextArea 欄位元件中新增了對 showPlaceholderOnEmpty 屬性的支援。
  • 新增了當內容長度設定為「顯示內容」時隱藏部落格模組中的設定的功能。
  • 修正了當使用者從圖層視圖中刪除列時該列被刪除的錯誤。
  • 修正了當使用者在建構器中選擇某些文字時內聯編輯器工具列的不正確且不可預測的位置。
  • 修正了 D5 部落格模組中的「顯示分頁」選項在停用時未隱藏前端分頁的問題。
  • 修正了在 D5 部落格模組中停用「顯示摘錄」選項不會在 Visual Builder 預覽中隱藏摘錄的問題。
  • 透過將 @wordpress/hooks 註冊為 FE 中多視圖腳本的依賴項，修復了由於 @wordpress/hooks 移至外部相依性而導致回應內容中斷的問題。
  • 修正了富文本欄位上不正確的更新順序。
  • 修正了由於不正確的 divi 樣式靜態樣式渲染順序而添加到按鈕的不需要的文字下劃線。
  • 新增了缺失頁面捷徑（儲存頁面、將頁面另存為草稿、退出視覺化產生器、開啟可攜性、響應式放大/縮小、切換到線框模式）
  • 修正了首次開啟時便攜性和保存到庫模式的錯誤位置。
  • 修正了重設懸停樣式會重設桌面樣式的問題。
  • 修正了按鈕漸層在桌面狀態下停止並將值變更為懸停漸變停止所使用的值的問題。
  • 修正了拖曳時元素的可見部分隱藏在其原始位置的問題。
  • 修正了基於可見選取/取消選取的「停用」重置圖示隱藏/顯示的問題。
  • 修復了鍵盤快捷鍵無法正常運作的問題。
  • 修正了重置按鈕不適用於複選框的問題。
  • 在專業部分新增缺少的列功能。
  • 新增了建構器設定選項以停用管理欄
  • 新增了在圖層視圖中拖放模組後捲動到 VB 中放置的模組的功能。
  • 新增了在圖層視圖中拖放模組後捲動到 VB 中放置的模組的功能。
  • 頁面列中新增了清晰的佈局按鈕。
  • 在頁面欄上新增了顏色模式切換。
  • 新增的功能可確保僅當拖曳的模組是正確的模組後代時才展開圖層群組。
  • 新增了當使用者拖曳模組並將滑鼠懸停在圖層群組上 200 毫秒後展開圖層的功能。
  • 新增了當滑鼠懸停在「圖層視圖」模式中時突出顯示佈局中的實際模組的功能。
  • 新增了在其自己的 JSON 檔案上聲明模組的“default”和“defaultPrintedStyle”屬性的機制。
  • 新增了用於提取生成 HTML、樣式和腳本資料的屬性的機制
  • 新增了頁面列按鈕以退出視覺化建構器
  • 新增了頁面列按鈕以預覽前端建構器的目前狀態。
  • 新增了預防措施，以確保一行中唯一的列不會被刪除或移動到另一行。
  • 新增預設設定模態原型
  • 開啟時自動將圖層視圖停靠到側邊欄左側。
  • 確保「從庫新增」模式現在顯示在頁面區域的中心，其所有四個邊距框架任一邊緣的最大寬度和高度等於 32 像素。
  • 修正了懸停選擇器的 Blurb 模組中的一個錯誤，導致選擇懸停狀態時無法在 VB 中呈現樣式。
  • 修正了 Divi 5 中的一個錯誤，即在模組設定中選擇黏滯狀態時，黏滯狀態樣式不會在 VB 中呈現。
  • 修正了 PHP 8.3 中與動態屬性相關的已棄用訊息。
  • 修正了 PHP 8.2+ 中發生的電子郵件 Optin 模組中的 PHP 棄用通知。
  • 修正了從模組設定或線框模式變更時管理標籤在圖層視圖模式內不同步的問題。
  • 修正了即使選擇了某些類別，所有貼文也會顯示在視覺化產生器的部落格模組中的問題。
  • 修正了前端疊加背景顏色和疊加圖示未正確渲染的問題。
  • 修正了將模組拖曳到頂部/底部視窗視窗附近時自動滾動損壞的問題
  • 修正了聯絡表單和電子郵件 Optin 模組中設定面板中電子郵件帳戶中的按鈕背景顏色和按鈕文字顏色以及垃圾郵件防護欄位。
  • 修正了圖示模組初始載入時的預設圖示選擇。
  • 修正了手風琴等模組的子元素標題設定上的動態內容顯示。
  • 修正了執行紗線測試單元命令期間遇到的錯誤。
  • 修正了不正確的推薦模組類別名稱
  • 修復了內聯編輯器不正確的固定位置。
  • 修正了保存草稿總是發布頁面的問題。
  • 修正了某些模型和選擇選單會從初始錯誤位置閃爍到正確位置的問題。
  • 修正了選項卡模組上未顯示選項卡的問題。
  • 修正了線框視圖中緩慢的拖放問題
  • 修復了人物模組中缺少的圖像動畫類別。
  • 修正了後台選項卡中缺少的工具提示。
  • 修正了單擊時模組選項操作不起作用的問題； 相反，打開模組設定。
  • 修正了懸停狀態下手風琴模組中顯示額外底部空間的問題。
  • 修正了從下到上拖曳圖層時的平滑滾動問題。
  • 修正了深色模式下富文本編輯器內容中的文字顏色。
  • 修正了簡介模組的圖示懸停問題。
  • 修正了底部區域的拖放區問題，該問題導致我們將模組拖放到層模組清單的底部。
  • 修正了即使圖層模組不再懸停也顯示模組選項的問題。
  • 修正了圖庫模組 FE 中顯示低品質圖庫影像的問題。
  • 修正了拖曳時更新行設定中的子列名稱和重新排序列的問題。
  • 引入了對顏色選擇器組件的增強功能，實現了更多的可擴展性和模組化。
  • 引入新的變換字段基礎組件，它解決了重複的變換 CSS。
  • 保持模式的停靠/取消停靠狀態，以便根據上次關閉狀態重新開啟。
  • 使模組拖放可以從任何模組表面區域進行初始化。
  • 從管理列中刪除退出按鈕
  • 從庫模式的載入中刪除了可拖曳和可調整大小。
  • 從圖層視圖模式中的專業部分列中刪除了模組選項。
  • 在正確修復問題後，刪除了登入模組的冗餘懸停選擇器。
  • 刪除了未使用的鍵盤快速鍵。
  • 將 Divi 4 基於模式的 UX 替換為交互層 UX。
  • 簡化的視覺化建構器 UI（欄位和模態元件）
  • 暫時隱藏頁面列中的撤銷和重做按鈕，直到建立歷史記錄
  • 更新並完善了全域色彩功能，引入了新的全域色彩 ID 格式並更好地支援模組屬性。
  • 使用 CSS 變數來設定 Layers View 顏色，取代 Layer Drag Handle 元件中不必要的 useSelect 用法以優化效能，並一致使用 selectStore 來命名 Layers View 的 useSelect 用法中的選擇器。

敬請期待更多的更新

這就是本月進度報告的全部內容。 請繼續關注更多更新，不要忘記透過電子郵件關注我們並訂閱我們的 YouTube 頻道，以確保您不會錯過任何內容。 Divi 5 是一個龐大的項目，但我會每月回來向您通報我們的進度。