Divi 功能更新! 介紹新的可定制的可視化構建器

已發表: 2017-10-05

自定義和交互的新方法
使用可視化生成器

今天,我們將介紹與 Visual Builder 中的內容進行交互的全新方式,以及自定義 Visual Builder 界面的新方法。

在構建地球上最好的網站構建器時,重要的是我們不僅關注構建器可以做什麼,還要關注如何完成這些事情。 Divi Builder 界面是數十萬設計師消磨時光的地方。 每一次點擊、每一次鼠標移動、每一次交互對我們來說都很重要,我們希望創建一個讓每個人都樂於使用的界面。

今天,我們為 Visual Builder 引入了新的界面自定義選項以及兩種全新的交互模式。 這些設置將控制權置於您的手中,讓您可以根據自己的獨特喜好定製完美的建築體驗。

兩種全新的交互模式

今天,我們向 Visual Builder 引入了單擊模式和網格模式,為您提供了兩種與模塊、行和部分交互的新方法。

點擊模式介紹

默認情況下,Visual Builder 的主要交互形式圍繞著hover 。 將鼠標懸停在模塊、行和部分上會顯示它們的控件,然後可以單擊這些控件。 這是快速訪問控件的好方法,也是我們構建頁面的首選方法。 話雖如此,我們意識到並不是每個人都喜歡這種交互方式,當您的鼠標超出所需的控件並且按鈕在您即將單擊它之前消失時,這可能會令人沮喪!

這就是為什麼我們為 Visual Builder 構建了一種名為 Click Mode 的全新交互模式。 與懸停模式不同,當您處於單擊模式時,當您單擊某個元素而不是將鼠標懸停在該元素上時,會顯示控件。 單擊元素後,其控件將保持可見,直到您單擊其他內容或退出。

當您將鼠標懸停在所有元素上時,單擊模式還會為您提供所有元素的清晰輪廓,從而可以更輕鬆地找到頁面上的元素。 這使得定位和單擊您正在尋找的確切項目變得更加容易,尤其是在您處理一系列小模塊時。

網格模式介紹

除了懸停模式和點擊模式,我們還引入了網格模式。 啟用網格模式後,頁面上的所有模塊、行和部分控件都會同時顯示。 無需點擊,無需懸停。 一旦你打開一個元素的設置,網格就會消失,當你進行設計調整時,你會得到一個清晰的頁面圖片。 即使您發現網格模式過於分散注意力而無法繼續使用,打開和關閉該模式以獲取頁面結構的清晰圖片也是非常有用的,尤其是當您處理大量自定義大小和間距時。

改進的懸停模式

我們不僅添加了兩種新的交互模式,我們還大大改進了 Divi 的默認懸停模式。 我們的主要重點是改進小模塊的懸停按鈕的定位,並消除不必要的按鈕重疊,這使得在某些罕見情況下難以或不可能訪問控件。 結果? 您將不再發現自己無法訪問懸停按鈕,因為它們在模塊的捕鼠器之外並且夠不著!

自定義您的工具欄和
控制界面的工作方式

現在,您可以通過調整默認設置來控制 Visual Builder 界面的工作方式,以根據您的獨特偏好定制體驗。

自定義您的工具欄

Visual Builder 工具欄現在可自定義,允許您在構建頁面時控制哪些視圖模式和交互模式可以輕鬆訪問。 只需單擊一下,即可快速訪問線框模式、單擊模式、網格模式、縮放和所有響應式預覽。 或者,如果您不打算使用這些模式,可以從工具欄中刪除它們以釋放空間。

默認打開所有選項切換

當您在 Visual Builder 中打開設置彈出窗口時,所有選項都被組織成組。 默認情況下,這些組是關閉的,只需單擊鼠標即可打開。 今天我們引入了一個新的“默認打開所有選項切換”設置來改變這種行為。 啟用後,默認情況下會打開所有選項組,同時顯示所有選項並允許您滾動瀏覽整個設置列表。

完全隱藏禁用的模塊

Divi Builder 允許您隱藏部分或所有斷點上的模塊。 在 Visual Builder 中,禁用的模塊以 50% 的不透明度顯示。 這表示該項目已隱藏,但仍允許您在構建器中查看它,以便您可以訪問其控件並直觀地進行設計更改。 但是,這可能會讓人分心,因為它不允許您準確查看頁面在前端的外觀。 今天我們將介紹一個完全隱藏禁用模塊的選項。 啟用此設置後,禁用的模塊將從 Visual Builder 預覽中完全刪除。 您可以打開和關閉此選項,允許您預覽隱藏的模塊並在需要時進行調整。

刪除 Divi Builder 界面動畫

Visual Builder 界面始終包含微妙的動畫。 在較舊的計算機和較舊的瀏覽器上,這些動畫可能會影響性能並導致構建器的響應速度變慢。 今天,我們引入了一個選項來禁用構建器中的所有動畫,以幫助這些用戶加快速度。

選擇您的默認模態位置

Visual Builder 中的設置彈出窗口是非常可定制的。 您可以更改它們的位置、大小,還可以將它們捕捉到屏幕的兩側。 默認情況下,構建器會記住您上次使用的彈出窗口大小和位置,下次編輯模塊時,彈出窗口將相應顯示。 今天我們引入了一個新選項,允許您定義一個默認的模態位置來覆蓋該行為。 下次啟用構建器並打開設置彈出窗口時,它將出現在您定義的默認位置。

控制歷史狀態創建頻率

默認情況下,Visual Builder 將為您在構建器中執行的每個操作創建一個已保存的歷史狀態。 然後,您可以使用歷史設置彈出窗口恢復到此保存狀態。 經過長時間的編輯會話後,此還原點列表可能會變得有點過多,並且很難找到所需的還原點。 今天我們引入了一個新設置,允許您限制歷史狀態創建頻率,使此列表更易於管理並提高舊計算機的性能。

選擇您的默認交互模式

隨著網格模式和單擊模式的引入,Visual Builder 現在提供了三種獨特的方式與您的內容進行交互。 默認情況下,Visual Builder 以懸停模式加載,但如果您更喜歡其他模式之一,則可以將其定義為默認模式。 下次打開構建器時,您選擇的交互模式將自動啟用。

立即加入、續訂和升級,可享受 10% 的折扣!

加入網絡上最熱情、最有愛的 WordPress 主題社區,立即下載 Divi 3.0。 使用新的 Visual Builder,您可以通過其難以置信的快速和直觀的可視化界面以前所未有的速度構建網站。 你必須親眼所見才能相信!

立即加入享受 10% 的折扣!
立即更新您的帳戶,享受 10% 的折扣!
立即升級您的帳戶,享受 10% 的折扣!