迪維 vs 阿瓦達 2022

已發表: 2017-11-14
迪維 vs 阿瓦達 2022

優點

Divi 的優點

  • Divi Builder 是一個精緻的解決方案,具有數百個自定義選項
  • 提供超過 1,100 種預製佈局
  • Divi Library 和 Divi Theme Builder 功能非常棒
  • 優雅的主題會員資格物超所值。

缺點

Divi 的缺點
  • 許多主題選項分為主題選項頁面和 WordPress 定制器。

Avada 的優點

  • Fusion Builder Live 是一個多合一的頁面構建器和主題定制器。
  • 它帶有各種各樣的高質量預製佈局。
  • 提供的配置選項數量令人難以置信
  • 每次購買都會提供終身更新

Avada 的缺點

  • 許可證僅授予對一個網站的使用和支持

概括

Divi 和 Avada 值得被視為市場上最好的兩個 WordPress 主題。 它們都帶有專業的預製佈局,對 WooCommerce 有很好的支持,並擁有高級頁面構建器來幫助您自定義您的網站。

Divi 和 Avada 值得被視為市場上最好的兩個 WordPress 主題。 它們都帶有專業的預製佈局,對 WooCommerce 有很好的支持,並擁有高級頁面構建器來幫助您自定義您的網站。

Divi 和 Avada 被廣泛認為是市場上最好的兩個 WordPress 主題。

這兩個多用途的“一體化”WordPress 主題都具有用戶友好的拖放頁面構建器,並帶有漂亮的預製網站佈局。 這使您可以通過單擊按鈕創建任何類型的網站。

優雅主題於 2013 年推出 Divi。這不是市場上第一個“一體化”WordPress 主題,但它是第一個讓一切都正確的一體化設計,它鼓勵其他主題開發人員加強他們的遊戲。

在過去幾年中,Elegant Themes 不斷完善和改進 Divi,將其旗艦頁面構建器 Divi Builder 置於主題的核心。

Divi 無疑仍然是最好的 WordPress 主題之一,但是 WordPress 用戶應該考慮其他替代方案,例如 X Theme 和 Genesis Framework。

在這篇評論中,我想向您展示 Divi 與 Avada 的比較。

Avada 於 2012 年由 Theme Fusion 發布,比 Divi 推出早一年。

它的銷量約為 600,000,是迄今為止 ThemeForest 上最暢銷的 WordPress 主題,以三比一的比例超過了第二名的 X Theme。

使用 Avada 幾分鐘後,為什麼 WordPress 主題如此受歡迎就很清楚了。 它是一個多功能的解決方案,其集成的頁面構建器 Fusion Builder Live 非常出色。

讓我們仔細看看 Divi 和 Avada 可以做什麼,看看它們的比較。

文章部分

  • 易於設置
  • 後端頁面構建
  • 前端頁面構建
  • 內容和佈局
  • 其他功能和設置
  • 表現
  • 支持和文檔
  • 成本
  • 最後的想法

易於設置

多合一 WordPress 主題旨在讓任何人都可以使用它們,無論他們的技術經驗如何。

但是,初學者可能需要一些額外的幫助,尤其是在第一次設置時。

Divi – 易於設置

如果您是 Divi 的新手,您可能會對“Divi”的含義感到有些困惑,因為優雅主題經常使用這個詞來描述主題、頁面構建器和整體包。

為避免混淆,有時將 WordPress 主題稱為 Divi 主題,以將其與 Divi Builder 頁面構建器區分開來。

要在您的網站上激活 Divi 主題,您只需將文件上傳到 WordPress 主題文件夾並從 WordPress 主題頁面激活設計。

激活 Divi

激活後 Divi 主題不會將您重定向到另一個頁面,但是您現在將在 WordPress 管理菜單的底部看到 Divi 的管理菜單。

菜單鏈接到關鍵配置區域:主題選項、主題生成器、主題定制器、角色編輯器、Divi 庫和支持中心。

Divi 主題管理菜單

Divi Builder 直接內置於 Divi 主題中,但它也可作為獨立的 WordPress 插件提供給那些想要將 Divi Builder 與其他 WordPress 主題一起使用的人。

獨立 Divi Builder 的管理菜單幾乎相同。 它只是缺少指向 WordPress 定制器的鏈接,並且主題選項頁面被替換為具有較少選項的插件選項頁面。

Divi Builder 管理菜單

如果您的網站上正在使用 Divi Builder WordPress 插件並且您激活了 Divi 主題,則 Divi Builder WordPress 插件將自動停用。

Divi Builder 停用菜單

要為 Divi 啟用自動主題更新,請轉到 Divi 選項區域中的更新頁面並輸入您的優雅主題用戶名和 API 密鑰。

Divi 更新頁面

Divi 和 Avada 等多合一 WordPress 主題傾向於使用比其他設計更多的資源來確保某些功能正常工作。

如果您的主機設置配置不正確,您可能會發現導入預製佈局的過程很慢。

因此,在激活後檢查 Divi 支持中心以檢查您的設置狀態是謹慎的做法。

此頁面還具有安全模式和錯誤日誌。

Divi 支持中心 - 系統狀態

Avada – 易於設置

Avada 對其 WordPress 主題採用了更適合初學者的方法。

激活 Avada

將 Avada 上傳到 WordPress 主題文件夾並激活設計後,您將被帶到 Avada 歡迎頁面。

歡迎頁面顯示有關 Avada 最新版本的介紹視頻,並提醒您註冊購買。

還建議您激活兩個 WordPress 插件:Fusion Core 和 Fusion Builder。

Avada 歡迎頁面

您在歡迎頁面導航菜單中看到的所有頁面都可以在 Avada 管理菜單中找到。

令人討厭的是,Avada 沒有將其放置在“外觀”菜單周圍,而是將其菜單放置在 WordPress 儀表板管理頁面下方的管理菜單頂部。 這會將重要的 WordPress 功能(例如帖子、媒體和頁面)的重要鏈接推到 WordPress 管理菜單的下方。

如果這讓您感到沮喪,您可以使用免費的 WordPress 插件管理菜單編輯器來更好地組織您的 WordPress 管理菜單。

Avada 主菜單

要接收主題和插件更新並訪問 Avada 的主題演示系列,您需要通過令牌密鑰註冊您的購買。

Avada 註冊產品

必須激活 Fusion Core 和 Fusion Builder 才能使 Avada 正常運行。 您可以通過 WordPress 插件頁面執行此操作。

也可以在這裡找到 Avada 的 Fusion White Label Branding 插件,以及四個高級插件和一系列推薦的免費插件。

Avada 插件頁面

激活 Fusion Builder 後,您將在 Avada 管理菜單下方看到 Fusion Builder 管理菜單。

Fusion Builder 管理菜單

Fusion Slider 管理菜單顯示在下方,並且有用於投資組合和常見問題解答自定義帖子類型的菜單。

融合滑塊管理菜單

與 Divi 一樣,Avada 需要良好的託管設置才能高效工作。

系統狀態頁面可以幫助您檢測主機配置問題。 它顯示有關您的 WordPress 安裝和服務器環境的信息,並讓您生成系統報告。

Avada 系統狀態

儘管 Avada 確實向用戶提供了更多的菜單和信息,但我覺得開發人員通過將用戶重定向到歡迎頁面來讓 WordPress 初學者進入他們的主題做得更好。

結論 - 易於設置

Divi 或 Avada 都很難設置,但是 Avada 通過將新用戶重定向到信息豐富的歡迎頁面來幫助初學者更多。

Divi 需要更改的設置較少,並且將大多數配置選項放在一個區域,但激活 Divi 後對初學者沒有任何幫助。

獲勝者:阿瓦達

後端頁面構建

在 Divi 和 Avada 的核心,您會發現市場上兩個最好的拖放頁面構建器:Divi Builder 和 Fusion Builder。

這兩種解決方案都簡化了創建精美網站設計的任務,並提供了後端和前端編輯器。

Divi – 後端頁面構建

激活 Divi Builder 後,您將在 WordPress 編輯器頂部看到一個“使用 Divi Builder”按鈕。 這是指 Divi Builder 前端 Visual Builder 編輯器。

使用 Divi Builder 按鈕

然後,您將看到一個使用 Divi Builder 編輯佈局的選項。

使用 Divi Builder 進行編輯

如果您已登錄,您還可以從 WordPress 管理欄在您網站的前端啟動 Divi Builder Visual Builder。

啟用可視化生成器

默認情況下,所有帖子、頁面和自定義帖子類型都啟用 Divi。 如果出於任何原因未顯示 Divi Builder,請檢查 Divi 選項區域以確保為該帖子類型啟用 Divi。

Divi Builder 帖子類型

Divi 最有趣的新增功能之一是 Divi 佈局塊。 此塊允許您將 Divi 佈局直接插入 WordPress 塊編輯器。

如果您想使用 Divi,這是一個很棒的功能,但使用 WordPress 塊編輯器作為創建佈局的主要方式。

Divi 佈局塊

過去,Divi Builder 是一個後端頁面構建編輯器。 這個編輯器,現在稱為 Legacy Builder,在 Divi Builder 中仍然可用。

如果 Divi 主題已激活,您可以通過轉到主題選項區域中的構建器部分並單擊高級選項卡來啟用舊版構建器。

然後,您可以禁用最新的構建器體驗選項並啟用經典編輯器。

如果您使用的是獨立的 Divi Builder WordPress 插件,這些選項可以在插件選項頁面的高級選項卡中找到。

主題選項中的高級 Divi Builder 設置

Legacy Builder 具有與 Visual Builder 中可用的線框視圖模式相似的外觀。

作為後端編輯器,您無法實時查看對佈局所做的更改。 但是,這有助於您更快地創建頁面結構,因為乾擾更少。

編輯器頂部顯示常規設置和導入和導出設置。 下面是保存到庫、加載佈局和清除佈局的選項。 還有用於撤消更改、重做更改和查看編輯歷史記錄的按鈕。

我相信優雅主題通過將 Visual Builder 設為 Divi Builder 的默認編輯器做了正確的事情,但是後端編輯器仍然能夠創建漂亮的佈局,並且很容易看出為什麼一些網站所有者仍然喜歡這個界面。

Divi Builder Legacy Builder 界面

Avada – 後端頁面構建

讓我們將注意力轉向 Fusion Builder。

Fusion Builder Live 是在 Avada 中創建和編輯佈局的主要方式,但我首先想向您展示後端編輯器的工作原理以及 Fusion Builder 如何與 WordPress 塊編輯器一起工作。

插件激活後,您將在 WordPress 編輯器中看到 Fusion Builder 和 Fusion Builder Live 按鈕。

Fusion Builder 的開發人員正計劃改進與 WordPress 塊編輯器的集成,但目前,激活 Fusion Builder 將使經典編輯器成為默認編輯體驗。

啟動 Fusion Builder

在 Fusion Builder 設置頁面中,您可以通過啟用“Fusion Builder 自動激活”來自動加載後端 Fusion Builder 編輯器。

在 Fusion Builder 中創建新帖子或頁面時,系統會詢問您是要添加容器還是預構建頁面。

在 Fusion Builder 中添加新帖子

在 Fusion Builder 的頂部,您可以在構建器和 Fusion Builder 庫之間切換。 該庫包含完整的網站主題演示和保存的模板、容器、列和元素(模塊)。

此區域還允許您修改 CSS、保存佈局、刪除佈局和查看編輯歷史記錄。

從功能的角度來看,後端的 Fusion Builder 編輯器與 Divi 中的 Legacy Builder 有很多共同之處,但是其暗灰色的配色方案確實使界面看起來有些過時。

Fusion Builder 後端編輯器

Fusion Builder Live 可以從 WordPress 工具欄在您網站的前端啟動。 您還可以通過選擇“編輯頁面”返回您首選的後端編輯器。

Fusion Builder Live WordPress 工具欄

雖然沒有與 WordPress 塊編輯器直接集成,但當您添加或編輯內容時,您可以選擇是要使用 Fusion Builder、Fusion Builder Live 還是 WordPress 塊編輯器 (Gutenberg)。

當您使用經典編輯器或 Fusion Builder 編輯器時,無法直接切換到塊編輯器。

在 Fusion Builder 中添加新內容

無論您使用 WordPress 經典編輯器、WordPress 塊編輯器還是 Fusion Builder,如果您在 WordPress 後端創建內容,您都會看到 Fusion Page Options 框。

這些設置允許您自定義網站上的每個帖子、頁面或自定義帖子類型。 您在此處定義的任何內容都將覆蓋 Avada 主主題選項頁面中的設置。

此處為您的標題、佈局、內容區域等提供了數十種設置。

融合頁面選項框

與 Divi Builder 一樣,Fusion Builder 默認為所有帖子、頁面和自定義帖子類型啟用。 您可以在 Fusion Builder 設置頁面中查看啟用了哪些帖子類型。

Fusion Builder 帖子類型

如您所見,從功能的角度來看,Fusion Builder 在您的網站後端為您提供了與 Divi Builder 一樣多的設計選項。

結論 - 後端頁面構建

即使您將在網站的前端編輯大部分內容和佈局,我鼓勵您熟悉每個後端編輯器的工作原理,因為它可以讓您快速更改已保存的佈局。

您還需要了解如何從您的網站後端啟動 Divi Visual Builder 和 Fusion Builder Live。

毫無疑問,Divi Builder 在 WordPress 管理區域中得到了更好的實施。 它對 WordPress 塊編輯器有很大的支持,並且後端 Legacy Builder 更加豐富多彩。

相比之下,Avada 繼續禁用 WordPress 塊編輯器,並將過時的經典編輯器設為默認編輯器。

獲勝者:迪維

前端頁面構建

您沒有購買 Divi 或 Avada 來在您的網站後端創建佈局,是嗎?

如果您想要這些高級 WordPress 主題的完整體驗,您應該使用它們的集成前端編輯器。

Divi - 前端頁面構建

為了與後端 Legacy Builder 編輯器區分開來,Divi Builder 的前端編輯器稱為 Visual Builder,但大多數人簡稱為 Divi Builder,因為它是默認的編輯體驗。

如果您正在編輯已包含內容的頁面,Divi Builder 將完全啟動,允許您修改佈局。

如果頁面為空白,Divi Builder 將為您提供三個選項。 您可以選擇從頭開始創建佈局、選擇預製佈局或克隆現有頁面。

我建議初學者選擇預製佈局,因為它可以讓您了解 Divi Builder 可以做什麼並了解界面的工作原理。

Divi Builder 選擇屏幕

Divi Builder 菜單顯示在頁面底部,分為三個部分。

當您將鼠標懸停在佈局的任何部分時,您將看到元素的輪廓以及用於更改設置、樣式、位置等的按鈕。

Divi Builder 界面

一個佈局是由許多部分構成的。 部分可以包含很多行,行可以包含很多列,列可以包含很多模塊。

當您將鼠標懸停在頁面上的任何這些項目上時,您將看到一個框,其中包含移動、修改其設置、複製它、將其保存到庫、刪除等選項。

更改設計的任何方面(無論是部分、行、列還是模塊)的過程都是相同的。

Divi Builder 擴展模塊設置

Divi Builder 菜單是頁面構建體驗的重要組成部分。

如果按 Divi Builder 菜單中間的大 X,菜單將消失。 僅保留一個帶有三個點的按鈕,以便您可以加載菜單備份。

Divi Builder 菜單最小化

在菜單的左側,有用於放大和縮小設計以及在桌面、平板電腦和智能手機模式下查看設計的按鈕。 Divi Builder 是為所有設備開發的響應式解決方案,但它仍然有助於查看移動訪問者將如何查看您的佈局。

Divi Builder 設置菜單也可從此處獲得。

在此設置框中,您可以啟用懸停模式、單擊模式和網格模式。 這些模式改變了您與 Visual Builder 交互的方式。

在這裡可以啟用和禁用許多其他設置,例如默認查看模式、頁面創建流程和構建器界面動畫。

Divi Builder 界面設置

在左側,您還將找到“線框視圖”。

這是我最喜歡的 Divi Builder 功能之一,因為它可以讓您從佈局中剝離所有視覺元素並查看頁面結構。

它使移動模塊和行的任務變得更加簡單,因為一切都不那麼擁擠。

線框視圖模式

在 Divi Builder 菜單的中心,有從庫加載、保存到庫和清除佈局的按鈕(稍後我將詳細介紹佈局)。

右側是加載頁面設置框的選項。 此框可以在您的頁面周圍移動或捕捉到您的頁面大小。

可以選擇編輯頁面標題、特色圖片和背景顏色。 拆分測試功能也在這裡。

設計和高級選項卡中提供了數十種樣式選項。 撤消和重做按鈕也集成到該區域中,以便您可以恢復所做的任何更改。

Divi Builder 頁面設置

您可以在編輯歷史記錄框中查看您所做的所有編輯,並恢復到任何以前的狀態。

Divi Builder 編輯歷史

中間菜單中的最後一個選項是便攜性。

可移植性框允許您使用 JSON 文件格式導出和導入佈局。

這對於進行佈局備份和將 Divi Builder 佈局傳輸到其他網站很有用。

Divi Builder 便攜盒

可以使用 Divi 菜單右側的保存按鈕隨時保存佈局。

該區域還有用於搜索、圖層和幫助的按鈕。

搜索工具可用於查找所有 Divi Builder 特性和功能。 此處也列出了有用的教程,但您還可以通過幫助按鈕找到視頻教程和有用的鍵盤快捷鍵。

圖層是一種新工具,可幫助您查看所有佈局部分。 這是檢查頁面結構的快速方法,它允許您修改部分設置。

Divi 菜單的右側

Avada – 前端頁面構建

Avada 的前端編輯器稱為 Fusion Builder Live。

此頁面構建器專為 Avada 構建,無法單獨下載,令人失望,因為它是市場上最好的 WordPress 頁面構建器之一。

Theme Fusion 沒有將網站設計選項集成到 WordPress 定制器中,而是直接在 Fusion Builder Live 中構建了一個主題定制器。 這意味著您可以通過編輯器編輯任何內容,無論是帖子或頁面,還是網站頁眉、頁腳、側邊欄或徽標的設計。

在 Fusion Builder Live 中編輯文本塊

Fusion Builder Live 的主菜單位於每個頁面的頂部,設置顯示在頁面左側的側邊欄中。 主菜單中的第一個按鈕隱藏了這個側邊欄,讓您可以看到完整的佈局。

與 Divi Builder 一樣,您只需將鼠標懸停在頁面的一部分上即可進行自定義或將其移至其他位置。

當顯示側邊欄時,您的佈局將在主畫佈區域內縮小,但由於選項顯示在頁面左側而不是彈出設置框中,因此感覺不那麼擁擠。

Fusion Builder 實時列選項

如果您願意,您可以在可移動的圖標框中顯示元素的設置(在 Divi 中,元素稱為模塊)。

您只需在首選項框中將元素編輯模式從“元素”更改為“對話框”。

對話框編輯模式

頂部菜單中的第二個按鈕加載 Fusion Builder 庫,旁邊是一個選項,用於查看您對頁面所做的所有更改。

在 Fusion Builder 中編輯歷史記錄

下一個按鈕會加載 Fusion Builder Live 首選項框。

這裡有十幾個設置可以改變編輯器的工作方式。 您可以在此處將元素設置從側邊欄移動到主畫佈區域。

您還可以從此框將主側邊欄移動到頁面的右側,並禁用粘性頁眉和透明頁眉。

Fusion Builder Live 首選項框

如果您單擊菜單中的 + 按鈕,您可以創建新帖子、頁面和其他自定義帖子類型,而垃圾桶按鈕可以讓您清除佈局。

在 Fusion Builder 中添加新內容

幾個有用的選項位於主菜單的右側。

第一個按鈕用於支持。 單擊它會顯示指向入門指南和 Theme Fusion 支持中心的鏈接。 此處還顯示了有用的鍵盤快捷鍵。

下一個按鈕用於響應。 這將在桌面模式以及平板電腦和智能手機的橫向和縱向模式下顯示您的佈局。

Fusion Builder 實時支持按鈕

Fusion Builder Live 還具有線框視圖模式,可使用後端編輯器顯示您的佈局。

在我看來,Divi Builder 中的線框視圖模式更好,因為它更豐富多彩且更易於使用。

最後一個按鈕允許您預覽、發布和保存佈局。

乍一看,預覽按鈕似乎只是隱藏了選項側邊欄,但此功能也禁用了編輯,因此輪廓和設置按鈕不會出現。

線框視圖模式

Theme Fusion 將關鍵設置集成到 Fusion Builder Live 編輯器中的方式非常棒。

設置側邊欄列出了數百個主題佈局設置。 它的工作方式與 WordPress 定制器相同。

這些相同的選項也可以在主 Avada 主題選項頁面中找到,但是通過在實時編輯器中進行更改,您可以實時查看所做的更改。

Fusion Builder Live 主題選項

還記得 WordPress 管理區域中帖子和頁面下方顯示的 Fusion Page Options 框嗎?

這些相同的選項可以在 Fusion Builder Live 設置邊欄中找到。 它們可用於對您的頁面及其佈局進行特定更改。

Fusion Builder 實時頁面選項

總而言之,Fusion Builder Live 是一個出色的解決方案,其界面易於學習。 遺憾的是它沒有單獨出售。

結論 - 前端頁面構建

Divi Builder 和 Fusion Builder Live 都提供了出色的編輯體驗,讓您輕鬆創建漂亮的佈局。

在創建頁面佈局和样式頁面時,Divi Builder 是更精緻的解決方案。

它為模塊、列、行和部分提供了更多的樣式選項。 其他功能,例如線框視圖模式,也得到了更好的實現。

請務必查看我們對 Divi Builder 的完整評論,以更全面地了解它的功能。

獲勝者:迪維

內容和佈局

Divi 和 Avada 都帶有精美的預製網站設計和佈局,只需單擊一個按鈕即可將其導入您的網站。

它們還允許您自定義網站頁眉、頁腳、側邊欄等。

Divi – 內容和佈局

Divi Builder 提供超過 1,100 種佈局,其中許多組合在一起形成網站佈局包。

優雅的主題每週都會為 Divi 添加新的佈局,並且越來越多的第三方網站和市場提供預製的 Divi 佈局。

Divi 預製佈局

如前所述,當您在空白頁面上啟動 Divi 時,可以選擇預製佈局。

您還可以從 Divi Builder 主菜單加載 Divi 庫。

加載 Divi 庫

Divi 庫包含您保存的所有預製和自定義佈局。 您使用 Divi Builder 創建的頁面也可以在此處訪問。

佈局被分配到十幾個類別之一,但您也可以通過搜索框找到合適的佈局。

查找 Divi 佈局

Divi 提供超過 150 個網站佈局包。

這些包包含您網站的許多不同區域的佈局,例如您的主頁、博客索引、在線商店、關於頁面等。

請務必完整預覽佈局以準確查看它們的外觀。

如果選擇“替換內容”,新佈局將替換您的整個佈局。 如果未選中,則新佈局將附加到現有內容的底部。

加載 Divi 預製佈局

Divi 提供 40 多個內容模塊。 有用於圖像、視頻、地圖、定價表、分隔線、號召性用語等的模塊。

Divi 還為 WooCommerce 提供了獨特的內容模塊,可幫助您列出商店中的產品。

插入 Divi 內容模塊

當您將模塊添加到頁面時,將顯示其設置框。 這裡有許多功能和样式設置需要調整。

您對模塊所做的任何修改都可以保存到 Divi 庫中以供以後使用。

Divi Builder 地圖模塊設置

從 Divi Builder 主菜單中,您可以將佈局保存到庫中,清除佈局,並通過可移植性框以 JSON 格式導出佈局。

Divi Library 是 Divi Builder 的一項重要功能,我建議您利用它。

將 Divi 佈局添加到庫

Divi 庫存儲您保存的所有已保存的模塊、列、行、容器和佈局。 您可以從 Divi Builder 或 Divi 主管理菜單中列出的 Divi 庫頁面訪問您保存的佈局。

Divi 庫佈局列表

當您選擇編輯佈局時,您將在線框視圖模式下看到您的佈局。

如果您願意,可以在桌面、平板電腦或移動模式下查看佈局。 您還可以從此處使用 Divi Visual Builder 啟動佈局。

編輯 Divi 庫佈局

Divi Theme Builder 與 Divi Library 結合使用,讓您更好地控制您的網站設計。

它允許您從頭開始創建佈局,或從庫中選擇佈局,並將其指定為頁眉、正文或頁腳。 然後,您可以準確指定這些佈局的顯示位置和不顯示位置。

例如,您可以為您的新聞博客文章分配一個模板,為教程分配一個模板,為您的主頁分配另一個模板,並為您的 about 頁面分配不同的模板。

這使您可以完全控製網站不同區域的樣式。

在 Divi 主題生成器中添加新模板

當 Divi 推出時,主題處理了所有事情,但今天的結構非常不同。

Divi 主題實際上是一個最小的 WordPress 設計,充當 Divi Builder 和其他 WordPress 頁面構建器的畫布。

Divi Theme Builder 等功能表明,Elegant Themes 正在進一步擴展 Divi Builder 的設計功能,但 Divi Theme 繼續支持 WordPress Customizer。

Divi 中的 WordPress 主題定制器

數以百計的自定義設置可用於 WordPress 定制器中的 Divi。 您可以調整許多不同的樣式設置,例如間距、字體和顏色,並實時查看結果。

但是請注意,您的帖子和頁面的內容仍將由 Divi Builder 控制。

Divi 佈局設置

不幸的是,Divi Theme 還沒有完全接受 WordPress 定制器。

有十幾個設計設置只能通過 Divi 主題選項頁面進行修改。 這包括關鍵設置,例如您的網站徽標。

令人費解的是,為什麼優雅的主題在兩個不同的區域之間拆分了主題自定義選項。

Divi 主題選項 - 設計

Avada – 內容和佈局

Avada 提供 62 個主題演示。

主題演示包括網站許多不同區域的佈局,相當於 Divi 的佈局包。

Avada 主題演示

Avada 主題選項頁面列出了所有主題演示。 可以按類別或使用搜索框過濾演示。

雖然 Divi 擁有 150 多個完整的網站佈局包,但 Avada 可以說擁有更好的設計種類。

與 Divi 一樣,有商店、博客和企業的佈局,但也有針對 SEO、加密貨幣、電子競技和討論論壇等小眾主題創建的主題演示。

每個設計也可以使用完整的網站預覽。

Avada 主題演示

當您單擊導入主題演示時,Avada 會讓您知道需要激活哪些 WordPress 插件才能使其正常運行。

如果您希望您的網站與您在預覽中看到的內容相匹配,您還需要導入演示內容。 Avada 允許您選擇要導入的內容,並且可以選擇刪除以前導入的內容,例如帖子和頁面。

在 Avada 中導入主題演示

Avada 在您導入之前會顯示一條警告,提醒您導入將替換您當前的 WordPress 主題。

主題演示導入警告

Avada 會將您的網站名稱更改為您導入的主題演示的名稱。

雖然這確實會提醒您上次導入的設計,但每次導入佈局時都必須將您的網站名稱改回來,這很煩人。

Avada 咖啡館名稱更改

還可以通過庫按鈕在 Fusion Builder 中獲得演示。

Fusion Builder 庫列出了主題演示以及您為模板、容器、列和元素保存的任何佈局。

如果通過這種方式導入主題demo,只能導入單個頁面,並且沒有導入demo內容的選項。

在這方面,我相信優雅主題在將預製佈局集成到 Divi Builder 中做得更好。 在 Avada 中,您需要跳出編輯器才能完全導入網站佈局。

Fusion Builder 庫

元素是您添加到佈局中的內容的構建塊。

WordPress 在 Gutenberg 編輯器中將它們稱為塊,而 Divi 將它們稱為模塊,但它們都指的是同一個東西。

Fusion Builder 中提供了大約 60 個元素,比 Divi Builder 中的元素多 50%。

在下面添加元素

提供了各種各樣的元素,例如圖表、內容框、圖像輪播、定價表和推薦。

Fusion Builder 元素列表

當您選擇一個元素時,其設置將顯示在您的設置側邊欄中。

每個元素都有設計定制選項。 但是,Divi Builder 提供了更多樣式和自定義選項。

Fusion Builder YouTube 元素

當您單擊添加元素時,您還可以添加新行。 有許多不同的嵌套列設置供您插入到佈局中。

Fusion Builder 嵌套列

插入列後,您可以使用內容元素填充它們。

在 Fusion Builder 中將元素添加到列

儘管 Divi Builder 為您的佈局提供了更多樣式和自定義選項,但 Fusion Builder Live 的集成主題定制器不僅彌補了這一點。

只需單擊一個按鈕,您就可以在修改帖子或頁面的佈局與調整頁面級別或網站級別的數百種不同設置之間切換。

在 Fusion Builder 中更改背景顏色

Avada 選項頁面有數百個設置。 其中大部分也可以在 Fusion Builder Live 中找到,您可以隨時使用“Edit Live”按鈕跳轉到 Fusion Builder Live 界面。

Avada 的主選項頁麵包含一些附加設置,因此在第一次配置您的網站時,值得仔細閱讀此處的每個部分。

Avada 中的標題內容選項

可以從 Fusion Builder 設置頁面啟用和禁用單個內容元素。

在此頁面中,您可以將 Fusion Builder 設置為默認編輯器,並為某些帖子類型啟用和禁用 Fusion Builder。 您還可以使用 XML 文件格式導入和導出 Fusion Builder 內容。

在整個 Fusion Builder Live 中,您將看到將部分佈局保存到 Fusion Builder 庫的選項。

保存元素

您可以命名您保存的佈局並將它們標記為全局。 保存後,它們可以隨時加載到 Fusion Builder 中。

將元素保存到庫

Fusion Builder 庫頁面位於 Fusion Builder 主菜單中。

您保存的所有項目都可以在此處訪問和修改。

Fusion Builder 庫列表

默認情況下,將使用後端 Fusion Builder 編輯器加載保存的項目,但是您也可以選擇使用前端 Fusion Builder Live 編輯器進行修改。

編輯保存的元素

Avada 還擁有一個主題構建器,可讓您將佈局分配給頁面標題欄、內容區域和頁腳。 這些佈局被標記為部分,可以使用後端或前端 Fusion Builder 編輯器進行編輯。

與 Divi Builder 不同,無法指定頁面佈局的顯示位置。

Fusion Builder 主題生成器

這兩個編輯器都有我喜歡的功能,但是 Fusion Builder Live 的設置側邊欄確實將實時編輯提升到了一個新的水平。 從一個界面更改佈局、頁面設置和網站設計的能力可以節省大量時間。

結論 - 內容和佈局

Divi Builder 的圖書館系統及其廣泛的頁面構建器自定義選項列表使其成為更好的 WordPress 頁面構建器。

將預製佈局集成到 Divi Builder 中的方式也更好,但 Avada 提供了最佳的整體設計和編輯體驗。

Divi 在 Divi 主題選項頁面和 WordPress 定制器之間拆分關鍵設計設置,而 Avada 允許您使用 Fusion Builder Live 編輯器從一個中央位置控制所有內容。 這是一項了不起的功能,使 Fusion Builder Live 脫穎而出。

獲勝者:阿瓦達

其他功能和設置

談論 Divi 和 Avada 中的所有功能是不可能的,因為它們是如此龐大的 WordPress 主題,但是在本節中,我想談談 Divi 和 Avada 中尚未提及的其他一些有用的功能。

Divi – 其他功能和設置

優雅的主題已將大部分功能遷移到 Divi Builder,但是當 Divi 被激活時,您還將在 WordPress 管理菜單中看到一個新的“項目”自定義帖子類型。

Divi Builder 已經有一個投資組合內容模塊,但是項目帖子類型為您提供了更多的項目顯示和分類方式的靈活性。

Divi 還為帖子和頁面添加了一些附加選項,用於分配側邊欄的位置並定義是否顯示導航菜單和標題欄。

分頁設置

如前所述,主主題選項區域有許多在 WordPress 定制器中找不到的設計選項。

選項區域還具有導航菜單、Divi Builder、單個帖子和頁面、468X60 橫幅廣告和 SEO 的各種設置。 也有向頁面添加自定義代碼的選項。

Divi 主題 SEO 選項

Divi 角色編輯器在 Divi Builder 和 Divi 主題中可用。

使用角色編輯器,您可以準確指定用戶在 Divi Builder 中可以做什麼和不能做什麼。 只需單擊一個按鈕,即可為用戶組啟用和禁用數十種功能。

Divi 角色編輯器

Avada – 其他功能和設置

在 Avada 中添加幻燈片的方法數量近乎荒謬。

在 Fusion Builder 內部是一個 Slide 元素,用於將幻燈片集成到您的佈局中,但 Avada 在主題中還內置了兩種 Slider 自定義帖子類型。

這些是 Elastic Slider 和 Fusion Slider,其中 Fusion Slider 是 Avada 主題演示使用的帖子類型。

如果這對您來說還不夠,Avada 還附帶了 Layer Slider 和 Slider Revolution。

這些高級滑塊 WordPress 插件是 WordPress 用戶可用的兩種最暢銷的高級滑塊解決方案。

在 Fusion Slider 中編輯幻燈片

Avada 中還提供了投資組合和常見問題解答帖子類型。

Avada 投資組合類型

也可以在 Avada 中創建自定義圖標集,並且 CodeCanyon 上有 10 個 Avada 插件擴展,可添加會員、自定義字段、評論、推薦等功能。

Fusion Builder 附加組件

請注意,為了獲得對 Avada 附帶的任何高級插件的全面支持,您需要單獨購買該產品的許可證。

結論 - 其他功能和設置

Divi 和 Avada 處於不斷發展的狀態,因此您可以期待在未來幾年內添加更多功能。

雖然 Divi 為您提供了最多的頁面構建樣式選項,但 Avada 讓您可以更好地控制您的網站。

獲勝者:阿瓦達

表現

快速加載的網站將提高您的搜索引擎排名並讓訪問者在您的網站上停留更長時間,但是準確測試 WordPress 主題的速度可能很困難,因為要考慮的因素太多。

此外,如果您想將 Divi 和 Avada 的速度與其他 WordPress 主題進行比較,則需要全面做出許多假設才能進行公平比較。

Divi 和 Avada 都能夠構建快速加載的 WordPress 網站,但是如果您使用它們的前端編輯器創建富媒體佈局,您的頁面將會變慢。 當然,任何 WordPress 主題都是如此。

為了幫助您提高網站性能並減少頁面構建者可以添加的負載,Divi 和 Avada 的開發人員在其主題中添加了許多功能,以幫助您生成更少的數據庫查詢和 HTTP 請求。

Divi – 性能

在 Divi 主題選項區域的常規設置頁面中,有啟用響應式圖像以及縮小和合併 CSS 和 Javascript 文件的選項。

Divi 主題縮小選項

在 Divi Builder 設置頁面中,還有一個啟用靜態 CSS 文件生成的選項。

Divi 中的靜態 CSS 文件生成

Avada – 性能

Avada 有十幾個性能設置。 這些可以通過主主題選項頁面或在 Fusion Builder Live 中進行修改。

該主題可讓您設置 JPG 圖像的質量並在一定寬度上優化較大的圖像。

延遲加載也可用,您可以從頁腳加載樣式表。

Avada 中的 CSS 和 Javascript 選項

Avada 還提供了多種工具來優化 CSS 和 Javascript 文件。

Avada 中的性能選項

結論——性能

Divi 和 Avada 都能夠為快速加載的 WordPress 網站提供支持,但您仍然必須遵循推薦的 WordPress 優化技術。

請務必檢查兩個 WordPress 主題中的系統狀態頁面,以確保您滿足高效運行它們的要求。 如果服務器響應時間很慢,您可能需要考慮升級到更快的託管解決方案。

如果您的頁麵包含許多圖像,WordPress 圖像優化插件會很有用。

WP Rocket 等緩存插件和 KeyCDN 等內容交付網絡可以進一步減小頁面大小。

獲勝者:領帶

支持和文檔

在提供強大支持方面,Elegant Themes 和 Theme Fusion 在 WordPress 世界中處於領先地位。

Divi – 支持和文檔

在 Divi 支持中心內,可以選擇讓優雅主題員工遠程訪問您的網站。 這可以幫助支持團隊解決您遇到的任何問題。

您將在下面看到優雅主題支持區域的直接鏈接和幾個視頻教程,以幫助您入門。

Divi Builder 中還提供幫助圖標,以解釋每個功能的用途。

Divi 文檔和遠程幫助

優雅的主題文檔區域令人難以置信。 有數百個書面教程和視頻教程來指導您使用 Divi 和其他產品。 優雅主題博客也經常發布教程。

您還可以通過 Facebook 群組、社區論壇和本地聚會與其他 Divi 用戶聯繫。

如果您需要進一步的幫助,您可以 24/7 創建支持票並獲得幫助。

與大多數 WordPress 主題不同,Elegant Themes 為無限數量的用戶提供支持。 這對於擁有許多員工的公司很有用。

優雅主題會員區

Avada – 支持和文檔

Avada 有專門的支持和常見問題解答頁面,列在 Avada 和 Fusion Builder 管理菜單中。

由於 Avada 是通過 ThemeForest 銷售的,因此您必須使用 Theme Fusion 創建一個支持帳戶才能打開支持票證。

要了解有關 Avada 的更多信息,您應該參考 Avada 支持頁面上列出的入門指南、文檔區域和視頻教程。

此頁面還鏈接到 Avada 票務支持頁面、社區論壇和 Facebook 群組。

此頁面還解決了幾個常見問題。

Avada 支持和常見問題解答

一旦您開始探索 Avada 和 Fusion Builder 文檔區域,您就會開始欣賞它的廣泛性。

此處涵蓋了 Avada 主題和 Fusion Builder 的各個方面。

Avada 視頻教程

結論 – 支持和文檔

可用於 Divi 和 Avada 的大量文檔意味著您很少需要尋求幫助,但是如果您需要,這兩個 WordPress 主題都提供了 24/7 支持票。

獲勝者:領帶

成本

成本是所有網站所有者必須與特性和功能一起考慮的一個因素。

Divi 或 Avada 的價格都具有競爭力,但哪種解決方案更有價值?

成本 - 迪維

優雅的主題會員資格使您可以訪問 Divi 主題和獨立的 Divi Builder WordPress 插件。

它還包括雜誌 WordPress 主題 Extra、電子郵件選擇加入和潛在客戶生成 WordPress 插件 Bloom,以及社交媒體 WordPress 插件 Monarch。

優雅主題的定價政策很簡單。

他們的年度會員費用為 89 美元,並提供一年的支持和更新。 會員資格到期後,您可以繼續使用所有優雅主題產品,但只有在您的會員資格有效時,您才能獲得支持和更新。

終身會員費用為 249 美元,並提供終身支持和更新。

兩種會員計劃都允許無限制的網站使用,並提供 30 天退款保證。

優雅的主題計劃

Divi 可能是您註冊優雅主題的原因,但他們所有的產品都是高品質的,使會員更具吸引力。

Extra 是 Divi Theme 的皮膚,具有額外的類別構建器功能。 這可用於為每個帖子類別創建獨特的佈局和样式。 例如,您可以為主頁設計一種設計,一種用於新聞設計,另一種用於教程設計。

與 Divi Theme 一樣,Divi Builder 直接內置於 Extra。

Bloom 是一種電子郵件營銷解決方案,可讓您以六種不同的方式顯示時事通訊註冊表單。 您可以定義何時顯示表單,例如在用戶滾動到頁面的某個點之後或發布評論後。

它支持 19 種不同的電子郵件營銷服務,並附帶數百種預製的時事通訊表格。

社交媒體 WordPress 插件 Monarch 也是一個很棒的解決方案。

它允許您在五個不同的位置顯示來自 20 多個社交媒體網絡的共享按鈕。 每個按鈕都可以根據您的需要進行設計和定制。

優雅的主題產品

成本 – Avada

Avada 在 ThemeForest 上的零售價為 60 美元。

它提供無限更新和六個月的支持,額外支付 18 美元可延長至 12 個月。

Avada 軟件包中還包含許多高級 WordPress 插件。

Avada 銷售頁面

Avada 已在 ThemeForest 常規許可證下發布,該許可證被 ThemeForest 歸類為一次性產品。

Envato (ThemeForest) 和 WordPress 之間在此許可政策上存在許多公開分歧,因為它違反了 WordPress 發布的 GNU 公共許可證並聲明不應限制使用。

儘管如此,Avada 的開發人員在其網站上聲明“您創建的每個網站都需要一次購買 Avada”。

簡而言之,如果您想在多個網站上使用 Avada,您需要為每個網站購買單獨的許可證。

Avada 常規許可證

如果您單獨購買它們,Avada 附帶的高級 WordPress 插件將花費您超過 100 美元。

Convert Plus(24 美元)是 Avada 中提供的電子郵件營銷 WordPress 插件,它允許您以 12 種不同的方式顯示電子郵件註冊表單。 它具有數百個預製的時事通訊表單模板,並與所有主要的電子郵件營銷服務集成。

Advanced Custom Fields 是一個非常流行的字段管理 WordPress 插件,在 WordPress.org 上有超過一百萬的下載量。 Avada 附帶的高級自定義字段專業版(49 美元以上)引入了新功能,例如轉發器字段、ACF 塊、內容字段、克隆字段等。

市場上兩個最受歡迎的 WordPress 滑塊插件是 Layer Slider(25 美元以上)和 Slider Revolution(29 美元),它們都包含在 Avada 中。

這些插件允許您使用現代拖放界面構建帶有圖層的高級滑塊,並附帶數百個預製模板來幫助您入門。

轉換加接口

結論——成本

當以不同的定價模式出售時,比較兩個 WordPress 主題的成本從來都不是一件容易的事。

Divi 和 Avada 都附帶了額外的高質量 WordPress 產品,但只有您可以決定這些額外產品是否為您提供價值,因此請務必考慮您將如何使用 Divi 和 Avada 來幫助做出明智的決定。

優雅的主題會員資格可以無限使用,因此如果您計劃建立許多網站,Divi 是更便宜的選擇。

如果您只需要一個網站的 WordPress 主題,Avada 會更便宜,因為它只需 60 美元就可以買到,並且附帶終身更新。

在成本方面,Divi 略微超越了 Avada,因為它遵守通用公共許可證並為無限數量的用戶提供支持。

獲勝者:迪維

最後的想法

雖然我確實喜歡 WordPress 定制器,但 Theme Fusion 在將主題定制選項直接集成到 Fusion Builder Live 方面做得非常出色。 它工作得非常好,並減少了您修改網站所花費的時間。

因此,如果您正在尋找一種允許您從一個界面控製網站設計各個方面的解決方案,我會選擇 Avada。

Divi 繼續領先的地方是 Divi 圖書館系統。 多年來,Elegant Themes 改進了此設置,以簡化保存佈局、進行自定義和重用設計的任務。

因此,如果您主要是在尋找一個 WordPress 頁面構建器來幫助您創建時尚的內容和專業的佈局,那麼 Divi 是更好的選擇。

Divi 和 Avada 都是出色的解決方案,因此真正歸結為最適合您的 WordPress 主題。

以下是 Divi 和 Avada 比較的回顧:

迪維阿瓦達領帶
易於設置X
後台頁面搭建X
前端頁面搭建X
內容和佈局X
其他功能和設置X
表現X
支持和文檔X
成本X

您最喜歡的 WordPress 主題是哪個?

請在下面的評論區告訴我們。

如果您喜歡這篇文章,我鼓勵您在 Twitter 和 Facebook 上關注我們。 您還應該查看我們廣泛的免費和高級 WordPress 主題。

祝你好運。
凱文