Divi憑借其難以置信的高級Visual Builder技術將WordPress提升到一個全新的水平
你以前從未建立過這樣的WordPress網站。Divi不僅僅是一個WordPress主題,它是一個全新的網站建設平臺,用一個非常優秀的視覺編輯器取代了標準的WordPress帖子編輯器。無論是設計專業人士還是新手,都可以享受它,讓您能夠以驚人的輕松和效率創建壯觀的設計。
嘗試免費的生成器演示!
可視化構建
影響
形狀分隔器
批量編輯
布局庫
變換
懸停狀態
查找并替換
所見即所得的未來
拖放
拖放建筑
在網站前端添加、刪除和移動元素。沒有編碼,也沒有令人困惑的后端選項。
可視化編輯
真正的視覺編輯
實時設計頁面并立即查看結果。使用直觀的視覺控件創建和自定義頁面。
自定義CSS
自定義CSS控件
開發人員可以輕松地將Divi的視覺設計控件與自己的自定義CSS相結合。Divi的界面簡單但不受限制。
響應式編輯
響應式編輯
建立漂亮的響應式網站很容易。Divi天生反應靈敏,而且可以讓您完全控制網站在移動設備上的外觀。
設計選項
Galore設計選項
享受數十種獨特的頁面元素和數千種設計選項。Divi為您提供對網站的全面設計控制。
內聯文本編輯
內聯文本編輯
只需單擊并開始鍵入!編輯頁面從來沒有這么容易。在前端起草頁面,并在鍵入時立即查看結果。
設計管理
保存和管理您的設計
保存和管理無限自定義設計。輕松地重復使用它們以快速啟動新頁面。創建高級設計系統并簡化工作流程。
全球要素
全局元素和樣式
使用全局元素和網站范圍的設計設置管理整個網站的設計。Divi不僅僅是一個頁面生成器,它還是一個網站設計系統。
撤消、重做和修訂
撤消、重做和修訂
Divi就像一個現代軟件應用程序。輕松撤消、重做并瀏覽整個編輯歷史。如果你犯了錯誤,迪維會支持你。
Divi適合所有人
自由職業者
Divi讓您的客戶建立網站變得更容易、更快、更愉快。使用Divi,您可以使用單個平臺構建任何內容,而不是管理幾十個不同的主題。
機構
Divi使網站建設更快、更高效。它將簡化您的設計流程,提高團隊協作。它也非常實惠。只需一個會員,就可以為您的客戶建立無限的網站。
網站所有者
Divi使建立網站更容易。對于初學者和網站所有者,Divi為您提供了將自己的愿景帶入生活的自由。由于Divi的視覺編輯器和數百個預先制作的設計,任何人都可以加入Divi。
完整的WordPress設計系統在這里
完整設計控制
Divi不僅僅是一個WordPress主題,它是一個完整的設計框架,允許您從頭開始設計和定制網站的每個部分。你可以控制一切細節。為您和您的客戶創建完美的網站。
優化轉換(&C)
Divi不僅提供強大的設計工具,還可以幫助您使網站成功。使用Bloom彈出窗口建立營銷列表。通過Monarch社交分享在社交媒體上推廣您的網站。通過Divi Leads拆分測試提高網站轉化率。
更快地建立網站
如果你是一名網頁設計專業人士,你會對Divi的速度和效率感到驚訝。Divi不僅是初學者易于使用的網站生成器,它還是一個先進的設計系統,可以幫助您的團隊將工作流程提升到一個新的水平。
自定義
全面設計控制一切
探索所有設計功能
額外預覽
懸停狀態樣式
使用懸停選項,您可以創建令人驚嘆的懸停效果,并將Divi模塊轉換為有趣的互動元素。我們的懸停選項界面是獨特的,非常容易使用。Divi中支持轉換的每個設計設置現在都可以在懸停時輕松定制。
了解更多信息
播放視頻
懸停狀態選項
響應式編輯
使用Divi可以輕松創建響應式網站。默認情況下,Divi是響應式的,但通過讓您完全控制每個移動設備上的每個設計設置,它將響應式設計更進一步。這可以讓你完美地定制電腦、平板電腦和智能手機上每個元素的外觀。
了解更多信息
播放視頻
字體和文本樣式
享受各種文本和字體選項。從數百種web字體中選擇或上傳自己的字體。自定義文本大小、字母間距和行高。更改字體權重和文本樣式??刂扑袠藴饰谋驹?,如錨鏈接、列表和塊引號。
了解更多信息
播放視頻
形狀分隔線
為頁面添加自定義形狀和效果,在內容塊之間創建動態過渡,并為網站添加額外的個人閃光點。形狀分割器可以放置在網站的每個部分的上方和下方,允許您輕松地在頁面的不同部分之間構建令人驚嘆的過渡效果。
邊框選項
使用Divi強大的邊框編輯器為任何元素添加邊框。創建圓角。控制邊框大小、顏色和樣式,并通過單獨調整元素的每條邊來創建獨特的效果。
了解更多信息
播放視頻
變換控件和效果
Divi為您提供了在頁面上轉換元素的能力,這種方式通常只能在Photoshop和Sketch等圖形設計程序中實現。您可以移動元素,上下縮放它們,在三個不同的軸上旋轉,以及輕松地扭曲和調整變換原點。所有這些都是使用一個超級靈活的界面來完成的,該界面使每個轉換都易于執行和理解。
了解更多信息
播放視頻
高級代碼編輯
享受一個功能齊全的代碼編輯器,使編寫和編輯代碼變得更加容易和愉快。功能包括語法高亮顯示、錯誤報告、自動完成、顏色選擇、多行選擇、搜索、查找和替換等。使用Divi代碼模塊向任何元素添加自定義CSS或向任何頁面添加您自己的代碼。
了解更多信息
播放視頻
高級代碼編輯
過濾器和效果
使用一系列濾鏡和效果輕松調整和增強任何元素的外觀,包括色調、飽和度、亮度、對比度、反轉、模糊、不透明度和深褐色。使用背景混合模式創建令人驚嘆的設計。
了解更多信息
播放視頻
放置陰影(Drop Shadows)
通過創建自定義放置陰影,為頁面添加深度。您可以完全控制陰影的大小、位置、顏色和強度。它們很容易創建,而且您不必干擾任何圖形設計程序!
了解更多信息
實時示例
播放視頻
文本陰影
使用文本陰影創建令人驚嘆的文本效果。使用Divi的簡單預設輕松地將文本陰影應用于任何元素,或使用全套控件創建自己的自定義文本陰影。
了解更多信息
實時示例
播放視頻
文本陰影效果
動畫
輕松向任何元素添加動畫。使用Divi的動畫預設應用簡單動畫,或通過自定義動畫類型、速度和方向來構建自己的動畫。當你的訪問者在頁面上滾動時,他們會看到令人驚嘆的動畫,當元素進入視圖時會觸發這些動畫。
了解更多信息
實時示例
播放視頻
背景圖像、顏色、漸變和視頻
將自定義背景顏色、背景漸變、背景圖像和背景視頻應用于任何元素。創建有趣的重疊漸變和圖像效果,或使用背景混合模式來合并顏色和圖像,以創建獨特的設計。
了解更多信息
播放視頻
背景選項
背景遮罩和圖案
背景遮罩可用于遮罩背景圖像、漸變或視頻以創建新形狀。這打開了一個巨大的設計可能性范圍,允許您在構建器內創建美麗、輕盈的形狀,而無需使用Photoshop等圖形設計程序。遮罩可以與圖案組合,在背景元素的頂部添加紋理。
了解更多信息
查看演示
觀看視頻
粘性標題和堆疊內容
當用戶上下滾動頁面時,粘性元素會“粘”在屏幕上。您可以將元素粘貼到瀏覽器的頂部和底部,甚至讓它們堆疊起來。突出顯示相關信息,如菜單和導航,或表面相關內容,并在用戶向下滾動頁面時構建敘事。
了解更多信息
查看演示
觀看視頻
高級動畫和滾動效果
制作令人驚嘆的動作效果,在訪問者在頁面上下滾動時與他們互動。這些不是靜態動畫,它們是動態的,并基于用戶交互而變化。使用Divi的運動效果,您可以創建一些真正令人驚嘆的設計,吸引訪客的注意力并保持他們的參與。
高級顯示條件
Divi的條件選項允許您將高級顯示邏輯應用于任何元素。您可以根據定義的一組條件隱藏或顯示元素,例如用戶角色、日期和時間、帖子信息、網站位置等。借助Divi的先進條件,你可以做很多事情。根據客戶購買的產品向客戶顯示產品信息。登錄時向用戶顯示不同的內容。創建在銷售期間出現的內容,然后在銷售結束時自動消失??赡苄詿o限!
了解更多信息
觀看視頻
顯示條件
速度
我們快速完成Divi。超快。
了解更多信息
播放視頻
網站速度評分
沒有金發女郎
Divi通過自動刪除不使用的資源來消除膨脹。Divi只加載您使用的模塊和功能所需的CSS,Divi只處理渲染頁面所需的PHP函數。其他一切都被排除在方程式之外。這就是為什么Divi可以做這么多,但仍然保持輕盈的雙腳!
了解更多信息
關鍵CSS
Divi自動檢測折疊上方內容所需的CSS,并延遲其他所有內容。這使得Divi可以完全消除渲染阻塞CSS,為訪問者提供直接訪問內容的高速通道。谷歌給Divi網站很高的評分,因為內容馬上就會出現。
了解更多信息
速度提升
Divi提供了大量提高速度的選項,可以延遲不需要的資源、緩存請求和刪除渲染阻塞資產。這大大減少了初始加載時間,以便您的內容立即開始加載。這包括JavaScript延遲、Google字體緩存等。
了解更多信息
效率
比以往任何時候都更有效率的設計
探索DIVI的有效性和生育特征
設計效率界面1設計效率界面2設計效率界面3設計效率界面4設計效率界面5設計效率界面
多選和批量編輯
Multi-Select令人驚嘆。使用Divi,您可以按Cmd或Ctrl,然后單擊以同時選擇頁面上的多個元素。然后,您可以同時編輯這些元素,一起更改它們的樣式和內容,或將它們作為一個組移動到頁面上的不同位置。
了解更多信息
播放視頻
查找和替換樣式
立即在整個頁面上進行徹底的更改,為您節省數小時的編輯時間。使用查找和替換可以在整個頁面或特定位置更改任何設計值,如顏色或字體。不要逐個打開每個元素并反復更改顏色,只需在整個文檔中查找并替換即可。這太不可思議了。
了解更多信息
播放視頻
魔力色彩管理器
Divi會自動記住您最近使用的顏色,并將其存儲起來以方便訪問。它還顯示您自己的自定義調色板。此外,Divi使用先進的顏色理論創建了一個獨特的擴展調色板,為您提供一系列建議顏色,使您的頁面看起來很棒。
了解更多信息
播放視頻
復制和粘貼樣式
跨元素復制和粘貼樣式的能力是絕對的游戲規則改變者。在Divi中,任何東西都可以從一個元素復制并粘貼到另一個元素上。您可以復制單個設置、設置組,甚至復制元素的整個設計并將其傳輸到頁面上的另一個元素。無需反復打開設計設置和編輯內容。只需復制并粘貼。
了解更多信息
播放視頻
可擴展樣式
Divi的擴展樣式功能將設計效率提升到一個全新的水平。如果您有剛創建的設計樣式,并且希望在頁面上的其他位置或整個頁面上使用該樣式,則只需將該樣式自動擴展到所需位置即可。一次更新數百個元素!精確控制您的樣式應該擴展到哪些元素。例如,假設您剛剛為圖像制作了完美的框陰影和邊框樣式,但頁面上有幾十幅圖像。您可以立即將該樣式擴展到其他圖像!
Divi快速動作
Divi快速行動系統是一個集發現者和實干家于一體的系統。需要幫助查找設置嗎?想澄清一下建筑商的工作原理嗎?只需鍵入以搜索我們的幫助視頻和所有可用的Divi選項。執行高級操作,如添加元素或加載布局。只需幾次按鍵即可快速跳轉到構建器的不同部分,甚至跳轉到不同的頁面和不同的WordPress管理區域。它速度極快,節省了大量時間。
了解更多信息
播放視頻
圖層視圖
打開Divi圖層視圖面板以查看內容的層次結構。當您同時處理頁面時,您可以與層面板內的內容交互!拖放、復制和粘貼,或使用圖層面板快速導航到長頁面中的不同區域。
了解更多信息
觀看視頻
拖放上載
將媒體文件直接拖放到頁面上。它們將立即上傳并出現在您的設計中!拖放整個Divi布局以直接導入它們。拖動新的web字體、文本文件、視頻等。無需使用WordPress媒體庫。
了解更多信息
播放視頻
拖放以上載資源
鍵盤快捷鍵
鍵盤快捷鍵是實現最高效率的關鍵。Divi提供了一系列鍵盤快捷鍵,高級用戶可以使用這些快捷鍵顯著加快工作流程。一旦你掌握了使用快捷方式的竅門,你會想知道沒有快捷方式你是怎么生活的!
了解更多信息
播放視頻
Divi鍵盤快捷鍵
快速訪問元素樣式
Divi元素具有大量的設計設置。然而,Divi還可以輕松搜索和過濾這些設置,并快速跳轉到已修改的設置。查看修改后的樣式可以為您提供當前活動的所有設置的列表,這樣您就不必搜索整個選項陣列。它與谷歌Chrome的“查看電腦風格”過濾器非常相似。
了解更多信息
播放視頻
可搜索設置
所有Divi設置均可搜索。您可以在打開設置彈出窗口時開始鍵入,并相應地過濾結果,而不是通過不同的選項組來查找您要查找的特定選項。即使您知道在哪里可以找到選項,搜索它也會更快。無需單擊不同的選項卡和組。如果你想編輯你的背景色,只需鍵入“background color”,該選項將立即出現。
了解更多信息
播放視頻
可篩選設置和搜索
Divi中的設置也是可過濾的。應用不同的搜索過濾器將減少結果,并幫助您找到所需內容。可以過濾搜索結果以將設置組織到不同的組中,例如修改的樣式、響應樣式和懸停樣式。
了解更多信息
播放視頻
營銷
電子商務、潛在客戶開發、內置拆分測試和強大的轉換洞察力
探索所有營銷功能
電子郵件選擇提供商支持
使用Divi的電子郵件選擇模塊建立您的電子郵件營銷列表。Divi提供了一系列令人印象深刻的電子郵件提供商支持,允許您在幾乎任何平臺上建立列表。您甚至可以創建自定義字段,允許您構建分段列表,并從訂閱者收集唯一信息。它還具有GDPR合規性功能。
查看所有集成
播放視頻
電子郵件列表提供程序
定價表
定價表是Divi提供的眾多頁面元素之一。通過全方位的設計和內容設置,您可以為您的產品創建引人注目的銷售頁面。
聯系人表單生成
享受全功能聯系人表單生成器。創建自定義表單字段以從訪問者收集任何類型的信息。使用高級條件邏輯隱藏和顯示輸入字段。使用全套設計選項單獨設置每個輸入的樣式。
了解更多信息
播放視頻
表單生成器表單生成器
社會關注
借助Divi的社交關注模塊和Monarch的社交分享系統,幫助建立您的社交關注。擁有社交媒體是必須的,Divi可以輕松推廣您的社交媒體檔案。
Divi社交關注按鈕
內置拆分測試
Divi的分裂測試系統不是開玩笑的。有了Divi,任何事情都可以測試。測試不同的設計和內容,并選擇不同的目標,以了解每個變體的表現。Divi為您提供強大的見解,讓您可以選擇最佳版本,并使用經驗證的結果提高網站的轉化率。
了解更多信息
播放視頻
分體式測試分體式測試
WooBuilder公司
使用Divi Builder制作和銷售令人驚嘆的產品
Divi與WooCommerce兼容,并提供特定的WooCommCommerce集成,使兩者成為完美的一對。WooCommerce是免費的,這意味著任何使用Divi的人都可以免費在線銷售產品。
探索所有DIVI電子商務功能
演示1
演示2
演示3
演示4
演示5
演示6
演示7
演示8
演示9
WooCommerce模塊
銷售您的產品
在您的商店中展示無限的商品,以便用戶在線瀏覽和購買您的產品。用WordPress銷售從未如此出色。
Woo Commerce商店
使用Divi的WooCommerce模塊構建產品布局
使用自定義WooCommerce模塊,您可以在網站的任何位置創建和控制任何單獨的WooCommCommerce元素,從而完全控制產品頁面的設計。決定產品列表上顯示的內容,四處移動,甚至將WooCommerce模塊與標準Divi模塊混合,以創建任何內容。Divi將WooCommerce提升到一個新的水平。
了解更多信息
播放視頻
符合您網站外觀的自定義購物車和結賬頁面
使用Divi,您可以構建自己的WooCommerce購物車和結賬頁面。Divi提供了8個購物車和結賬模塊,每個模塊都包含了豐富的設計選項,您可以使用這些選項來完全定制購物車和結帳體驗。
了解更多信息
現場演示
觀看視頻
購物車和結賬
直覺
你見過的最聰明的建設者
生成器設置和控件
生成器界面提供了許多選項,允許您自定義建筑體驗。我們試圖不將您鎖定在特定的UI約定中,而是讓您可以自由地按照您想要的方式創建網站。
了解更多信息
播放視頻
Divi生成器設置
快速頁面創建
當您創建一個新頁面時,Divi可以讓您輕松訪問數百個預先制作的布局和所有您自己保存的布局。您可以快速復制現有頁面或從頭開始。
了解更多信息
瀏覽布局
播放視頻
快速頁面創建
流暢直觀的界面
Divi的界面是其中之一。它不顯眼,流動性令人難以置信。您可以移動界面元素并重新定位工具,以創建適合您的工作空間。它不會將您鎖定在特定的UI約定中,而是允許您選擇最適合您的模式。它將適應您的屏幕大小,永遠不會妨礙您。
了解更多信息
播放視頻
歷史記錄、自動保存和瀏覽器備份
迪維支持你。構建時執行的每個操作都將保存到編輯歷史記錄中。您可以輕松地撤消、重做和探索修訂。如果出現問題,如網絡故障或電腦崩潰,Divi將自動保存您的進度,以便您恢復。
保存、導入和導出元素
使用Divi,您可以將設計元素或完整布局保存到Divi庫中。這些項目可以在不同的頁面上輕松訪問、編輯或重復使用。您和您的團隊可以快速創建一組設計元素,用于以難以置信的效率構建一個具有凝聚力的網站。您還可以在不同的網站之間導入和導出這些布局。建立您自己的設計庫,或下載并使用Divi社區提供的無數令人驚嘆的布局。
Divi導出保存到庫
生成器視圖模式
有多種方法可以使用Divi進行構建。您可以在不同的視圖模式之間自由切換,選擇最適合您或當前項目的視圖模式。放大和縮小,在移動設備視圖之間切換,在獨特的交互模式之間切換,或在線框模式下快速構建頁面結構。這取決于你。
生成器漫游
跳到Divi并開始設計網站很容易。我們在界面中構建了有用的產品教程,允許初學者在使用生成器時學習。產品之旅對客戶來說也很好,節省了設計師將網站交給客戶的時間。
了解更多信息
播放視頻
Divi產品之旅
主題生成器
設計您的整個網站,而不僅僅是帖子和頁面
享受一個功能齊全的網站模板系統,它利用Divi的Visual Builder的強大功能來設計網站的頁眉、頁腳、產品模板、帖子模板、類別頁面、404頁面等。
探索所有DIVI主題生成器功能
播放視頻
Divi主題生成器
頁眉和頁腳生成器
使用主題生成器,您可以使用Divi的許多模塊和布局選項為網站的任何部分創建自定義頁眉和頁腳。
示例1
示例2
示例3
頁眉和頁腳生成器
發布產品模板生成器(&P)
使用Divi的主題生成器,您可以創建站點范圍的帖子和產品模板,以更改整個網站的帖子結構。你不需要用Divi一次設計一篇帖子,也不需要編寫兒童主題來修改主題的結構。一切都可以在生成器中設計,帖子信息可以使用Divi的動態內容系統自動顯示。
示例1
示例2
示例3
崗位和產品生成器
在網站前端設計一切
使用Divi編輯頁面或帖子時,您可以自定義所看到的一切,包括模板!這意味著您可以通過一次視覺編輯體驗在上下文中編輯頁眉和頁腳。無需來回跳轉到主題布德。
了解更多信息
觀看視頻
全球網站樣式
通過編輯任何元素的默認設計,使用自己的總體設計系統自定義網站。當您修改模塊的默認設計時,它會立即在整個網站上更新。網站范圍的主題建筑加上網站范圍的設計編輯是終極組合。
了解更多信息
播放視頻
全局顏色
Divi允許您為網站創建全局調色板。這些全局顏色是動態的,可以隨時更改。這允許您在短短幾分鐘內快速轉換網站的配色方案。這比使用靜態顏色設計網站要好得多。
Divi云
Divi網站的Dropbox
當您將某些內容保存到Divi Cloud時,您和您的客戶的所有網站都可以在您創建這些網站時使用這些內容。
了解更多信息
觀看視頻
Divi云
保存到云
將所有喜愛的Divi布局、頁眉、頁腳和內容塊保存到Divi Cloud
隨時隨地訪問
當您啟動一個新網站時,您的所有云項目都在Visual Builder中等待您
組織和瀏覽
通過每個版面的類別、文件夾和自動生成的屏幕截圖,可以輕松瀏覽項目
經營
用戶角色、主題選項和網站支持
Divi提供了一整套主題選項,使您的網站易于管理。
單擊即可瀏覽文檔、獲得技術支持和啟用遠程訪問
Divi支持中心幫助您使用系統狀態檢查來微調網站。您可以通過單擊啟用遠程訪問,以允許我們的支持團隊登錄到您的網站并解決您遇到的任何問題。您還可以切換Divi安全模式,以快速安全地繞過與第三方插件的任何沖突。
了解更多信息
播放視頻
系統狀態支持中心
為團隊或客戶端設置自定義用戶角色和權限
Divi附帶了一個角色編輯器,您可以使用它來限制對生成器中某些內容的訪問。例如,您可能希望限制客戶修改設計的能力,但允許他們在完全設計的頁面中更改文本內容。它簡化了客戶的體驗,并讓網站設計者掌控一切。
了解更多信息
播放視頻
Divi角色編輯器
使用Divi主題選項輕松設置主題并完全控制主題
Divi提供了大量的主題選項和主題定制設置。所有Divi設置都可以在Divi主題選項面板中輕松管理。
了解更多信息
播放視頻
Divi角色編輯器
全球的
翻譯成32種語言
不僅轉換了前端元素,我們還擴展了主題的本地化,以涵蓋Divi Builder界面,包括所有表單字段和描述。當您在WordPress Dashboard中啟用RTL語言時,Divi和網站前端將自動切換到RTL模式。
TranslatedRTL支持
可擴展性
訪問100個Divi擴展或創建自己的
Divi不僅僅是一個主題,也不僅僅是一種框架。這是一個由數十萬設計師和開發人員組成的社區,其中充滿了令人驚嘆的第三方擴展、兒童主題和布局,以幫助Divi進一步發展。
Divi角色編輯器
Divi市場
查找數百個第三方模塊、主題和布局
Divi本身是驚人的,但它也得到了蓬勃發展的開發者和設計師社區的支持(就像WordPress一樣)!在Divi Marketplace中,您將發現大量免費和優質產品,這些產品將幫助您建立獨特的網站。
瀏覽產品
成為賣家
第三方Divi API第三方Divi API
發展
開發者們歡欣鼓舞!以新的和令人興奮的方式擴展潛水
Divi不僅僅是一個主題,它是一個由繁榮和熱情的社區支持的完整的網絡設計框架。我們相信可擴展性和開源開發生態系統的培育。這就是為什么我們創建了Divi開發人員API,允許開發人員創建自定義Divi模塊等。