揭曉新的 Divi 5 介面

已發表: 2023-12-21

我帶著 Divi 5 的另一次更新回來了,這一次,我很高興能讓您提前了解 Divi 5 的新介面。 它還沒有完成,但仍有許多值得探索的地方。

觀看影片以進一步了解。

新的 Divi 5 介面

Divi 5 煥然一新。 它的工作方式與以往相同,因此不必擔心新介面會讓您陷入困境。 這一切都會讓人感覺非常熟悉。 我們沒有改變您可以使用 Divi 執行的操作,但我們希望您能透過更快、更簡單的介面享受更多的樂趣。

更快、更有效率的介面

Divi 5 代表原始速度和效率; 使用者介面應該服務於這些目標。 關於 Divi 5,您首先註意到的就是它的速度非常快。 當您懸停、點擊、編輯和移動項目時絕對沒有延遲,並且它可以以前所未有的方式處理大量頁面。 我們也刪除了所有動畫,因為我們不希望任何東西拖慢您的速度。

不會妨礙您的介面

我們減少了介面的佔用空間,為您的設計提供更多的呼吸空間。 您可以將多個較小尺寸的面板停靠在瀏覽器的一側,而不會與您的內容重疊或妨礙您。

在上面的範例中,我的圖層面板停靠在左側,設定面板停靠在右側。 當我在頁面上單擊時,設定面板會自動填充,當我編輯某些內容時,回饋是即時的。

完全可自訂的介面

Divi 5 讓您可以更好地控制建構器的佈局。 您可以將面板停靠、取消停靠或組合到選項卡式視窗。 如果您喜歡關閉所有視窗並使用浮動設定面板(例如 Divi 4),這也是一種選擇。

比以往更容易導航的介面

使用點擊模式作為預設互動模式,您可以始終保持開啟的較小圖層面板,以及每個設定面板中的新麵包屑,使頁面導航比以往更容易。 您將無需費力查找或單擊要編輯的任何內容。

我們仍然需要進行改進並添加缺少的部分,但是這個早期的外觀應該可以讓您很好地了解我們在未來幾個月發佈公共 Alpha 版時會發生什麼。

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

過去一個月我們還完成了許多其他事情。 建立新介面相對簡單。 所有主要工作都在幕後進行,我們正在建立一個堅實的基礎,為社區服務多年,其中涉及對 Divi 的所有核心功能和模組的完全重新開發。

我們目前正處於 Dev Beta 階段(如果您是 Divi 模組的開發人員,歡迎加入),這意味著我們已經完成了新框架,現在正在該框架上重建所有內容。

我們修復了更多錯誤,編寫了更多開發人員文檔,並轉換了一堆模組,例如帖子滑塊、博客、帖子導航、可過濾組合、全角菜單和全角組合。

每當我們完成一個新功能或模組時,我們就離 Public Alpha 更近了一步,我們希望擁有足夠的 Divi 最受歡迎的功能和模組,以便讓第一個版本可供廣大受眾使用。

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

  • 為 Divi 5 新增了帖子滑桿模組
  • 為 Divi 5 新增了全角選單模組
  • 為 Divi 5 添加了全角帖子標題模組
  • 為應用程式框架添加了功能標記的增強功能。
  • 在PHP 模組樣式聲明上實現了代碼、音訊、圓形計數器、列、倒數計時器、分隔符號、全角標題、全角圖像、標題、圖標、號召性用語、按鈕、條形計數器、手風琴、帖子標題、作品集、數位計數器的advanceStyles , 地圖
  • 新增了 Divi 5 的部落格模組
  • 為應用程式框架添加了功能標記的增強功能。
  • 為 Divi 5 新增了可過濾投資組合模組
  • 為 Divi 5 增加了全寬投資組合模組
  • 為 Divi 5 新增了後導航模組
  • 在 VB 模組樣式聲明上實現了高級樣式,用於部分、全角地圖、標題、菜單、側邊欄、社交媒體關注、選項卡、團隊成員、推薦、文本、切換、視頻和滑塊模組。
  • 整合自動產生的模組設置,用於倒數計時器、循環計數器、程式碼、按鈕、簡介、分隔符號、音訊、簡介、程式碼和標題等模組的設置面板。
  • 將“SyncGlobalLayoutAttributes”的匯出更新為類型而不是物件。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/modal-library 套件。
  • TypeDocs:更新了 @divi/modal-library 套件中資料儲存功能的文件。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/page-settings 套件。
  • TypeDocs:更新了 @divi/page-settings 套件中資料儲存功能的文件。
  • 在 VB 和 FE 中將 Fullwidth Portfolio 模組開發到 D5 中。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/keyboard-shortcuts 套件。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/object-renderer 套件。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/mask-and-pattern-library 套件。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/middleware 套件。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/modal 套件。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/modal-snap-indicator 套件。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/draggable 套件。
  • TypeDocs:將 @divi/numbers 套件加入 TypeDocs 產生器。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/error-boundary 套件。
  • TypeDocs:將 @divi/events 套件新增至 TypeDocs 產生器。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/help 套件。
  • TypeDocs:更新了 @divi/help 套件中資料儲存功能的文件。
  • TypeDocs:將 @divi/history 套件加入 TypeDocs 產生器。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/hooks 套件。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/icon-library 套件。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/global-layouts 套件。
  • TypeDocs:更新了 @divi/global-layouts 套件中資料儲存功能的文件。
  • TypeDocs:將 @divi/fonts 套件加入 TypeDocs 產生器。
  • TypeDocs:更新了 @divi/fonts 套件中資料儲存功能的文件。
  • TypeDocs:更新了 @divi/module 套件的文件。
  • TypeDocs:將 @divi/data 套件加入 TypeDocs 產生器。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/divider-library 套件。
  • 為 @divi/context-library 套件新增了 TypeDocs。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/conversion 套件。
  • TypeDocs:新增了 TypeDocs 產生器 @divi/constant-library 套件。
  • TypeDocs:更新了 @divi/field-library 套件的文檔。
  • 在 VB 模組樣式聲明上實現了…模組的 advanceStyles。

即將推出:Divi 佈局 AI!

這就是本月 Divi 5 更新的全部內容。 在其他新聞中,我們很快就會推出新的 Divi AI 功能,對此我感到很興奮。 我們已經創建了用於文字、圖像和程式碼生成的人工智慧工具。 接下來,我們將它們放在一起,使您能夠使用 AI 產生整個佈局。 注意:以下影片加快了佈局生成速度。

只要告訴 Divi AI 你想要什麼樣的頁面,它就會建立佈局、生成圖像、編寫內容、自訂字體和顏色。 只需幾秒鐘,您就可以準備好整個頁面,並且可以跳到 Divi 的設計設定進行最後的潤色,或使用 Divi 的 AI 工具進一步完善結果。

敬請期待更多的更新

請繼續關注 Divi Layouts AI 的發布,不要忘記下個月回來查看另一次 Divi 5 更新。 透過電子郵件關注我們並訂閱我們的 YouTube,以確保您不會錯過任何內容,我們下一篇再見。