2022 年 6 種最佳 Divi 替代品

已發表: 2022-02-28

正在為您的 WordPress 網站尋找一些 Divi 替代品?

許多人喜歡 Divi(我們的評論),因為它可以讓您構建一個具有可視化、拖放式設計的自定義 WordPress 網站——無需代碼。

然而,Divi 並不是適合所有人的解決方案,當談到 WordPress 的視覺設計時,您可以找到許多其他高質量的工具,它們是 Divi 的絕佳替代品。

但哪個是適合您情況的最佳選擇?

下面,我們根據我們使用 WordPress 和所有流行的網站構建工具的實踐經驗,挑選了六種最佳 Divi 替代品。

因為 Divi 既是一個主題又是一個插件,因此我們將主題和插件都包含在我們的列表中。 所有這些工具之間的一個共同點是,它們可以幫助您構建一個外觀精美的自定義 WordPress 網站,而無需任何代碼。

對於每個替代方案,我將分享以下內容:

  • 該工具的一般介紹
  • 該工具與 Divi 的優缺點
  • 使用每種工具構建網站的感覺
  • 定價信息

讓我們深入挖掘!

目錄
  1. 1.元素
  2. 2. 阿斯特拉
  3. 3. 海狸生成器
  4. 4.阿瓦達
  5. 5.氧氣
  6. 6.生成新聞
  7. 哪個是滿足您需求的最佳 Divi 替代品?
  8. 立即建立您的網站

1.元素

元素

Elementor 是一個 WordPress頁面構建器插件,可讓您使用可視化拖放設計構建整個 WordPress 網站,就像 Divi Builder 一樣。

使用免費版,您可以設計單個帖子和頁面,而使用專業版,您可以從頭開始構建整個主題,包括頁眉、頁腳和內容模板。

因為它是一個插件而不是像 Divi 這樣的主題,所以您還需要將它與主題配對。 它與此列表中的其他一些 Divi 替代品以及其他輕量級主題(如 Sydney 和 Botiga)配合得很好。

Elementor vs Divi的優缺點

優點

  • Elementor 適用於任何主題。
  • 它有一個用於簡單用例的免費版本。
  • 在設計選項方面,Elementor 與 Divi 一樣強大,甚至更多。
  • 它具有比 Divi 更多的功能,例如彈出窗口生成器。

缺點

  • 它沒有像 Divi 這樣的“真正的”官方主題。 Elementor 確實提供了 Hello 主題,但它只是您設計的空白畫布。
  • 如果您需要在多個站點上使用 Elementor Pro,它的價格會更高。

如何使用 Elementor 構建網站

使用 Elementor,您有兩種選擇來構建您的網站。

首先,您可以將其與常規主題配對,並且僅在您想要對特定頁面的設計進行更多控制時才激活 Elementor 構建器。 這類似於“經典” Divi 方法,您使用 Divi 主題來控制基本模板,然後在需要更多靈活性時激活 Divi Builder。

其次,您可以使用 Elementor Pro 的主題構建器,它可以讓您使用 Elementor 的可視化界面來設計您網站的所有模板。 這類似於 Divi 在 Divi 4.0 中引入的新主題構建器功能。

如果您想專門使用 Elementor 的主題構建器功能,我建議將 Elementor 與官方 Hello 主題配對,因為它為您的設計提供了最輕量級的畫布。

這是一個關於使用 Elementor 構建網站的基礎知識的精彩視頻:

Elementor 的定價

核心 Elementor 插件可在 WordPress.org 免費獲得。 但是,如果您想將 Elementor Pro 用作 Divi 的替代品,您幾乎肯定會想要它。

Elementor Pro 起價為 49 美元,可在單個站點上使用,讓您可以訪問所有功能,包括主題構建器和彈出窗口構建器。

閱讀這些帖子以了解有關 Elementor 的更多詳細信息:

  • Elementor vs Divi
  • Elementor Pro 評論
更多信息/下載

2. 阿斯特拉

Astra WordPress 主題與 Divi

Astra 是一個輕量級、多用途的 WordPress主題,是 Divi 的絕佳替代品。

與 Divi 不同,Astra 沒有自己的可視化拖放構建器。 相反,它可以與您喜歡的任何構建器配對,讓您選擇最適合您需求的設計體驗。

它為以下構建器提供了預構建的演示站點:

  • 本機塊編輯器(古騰堡)
  • 元素
  • 海狸生成器

但是,您不僅限於這些選項,它還可以與幾乎任何其他構建器插件一起使用。 如果需要,您甚至可以將它與 Divi Builder 的插件版本一起使用!

Astra vs Divi的優缺點

優點

  • Astra 的加載速度比 Divi 快,尤其是當您將它與塊編輯器配對時。
  • 它在 WordPress 定制器中為您提供更靈活的主題選項。
  • 您可以將它與任何頁面構建器插件一起使用。
  • 它比迪維便宜。

缺點

  • Astra 沒有自己的拖放構建器,如果您希望將其內置,這可能是一個騙局。

如何使用 Astra 構建網站

Astra 是一個主題,因此您可以像使用任何其他主題一樣使用它。 它非常靈活,通過它的定制器控件,您可以設計您的頁眉、頁腳、博客文章模板等。

Astra 的 Customizer 控件非常出色——您甚至可以獲得拖放式頁眉和頁腳構建器:

要添加完整的可視化拖放設計,您需要將 Astra 與頁面構建器插件配對。 Elementor 的免費版本是一種流行的選擇,但 Astra 幾乎可以與任何頁面構建器插件配合使用。

或者,如果它具有足夠的設計靈活性來滿足您的需求,您可以始終堅持使用本機 WordPress 塊編輯器。

Astra 的定價

核心 Astra 主題可在 WordPress.org 免費獲得。 僅使用免費主題,您就已經獲得了很大的靈活性,這使 Astra 成為最好的免費 Divi 替代品之一。

但是,認真的用戶可能會想要添加 Astra Pro 擴展,因為它添加了以下功能:

  • 更靈活的佈局選項
  • 更高級的菜單/標題選項
  • WordPress 定制器中的更多定制選項
  • 更多可導入的演示站點(但僅具有代理許可證)

Astra Pro 在無限站點上使用的費用為 59 美元,但您需要更昂貴的代理許可證才能訪問高級演示站點。

閱讀這篇文章,詳細了解 Astra 與 Divi 的比較:

  • 阿斯特拉 vs 迪維
更多信息/下載

3. 海狸生成器

海狸生成器

Beaver Builder 是一個 WordPress插件,它提供了一個可視化的拖放式構建器,就像 Elementor。

但是,開發人員還提供了 Beaver Builder主題,您可以將其與構建器配對以創建完全類似於 Divi 的體驗。

如果您同時使用 Beaver Builder 插件和主題,體驗與 Divi 主題幾乎相同。 但是 Beaver Builder 的好處在於它還可以與其他主題很好地搭配,因此與 Divi 提供的相比,您具有一些額外的靈活性。

還有一個官方的 Beaver Themer 擴展,它為 Beaver Builder 添加了完整的主題構建支持,就像 Divi 的主題構建器一樣。

Beaver Builder vs Divi的優缺點

優點

  • 使用 Beaver Builder 構建的設計比 Divi 更輕量級。
  • 它的視覺生成器更穩定,故障更少。
  • Beaver Builder 可以輕鬆使用不同的主題。

缺點

  • Beaver Builder 比 Divi 更昂貴,特別是如果您需要構建主題。
  • 它沒有提供像 Divi 那麼多的樣式選擇。
  • Divi 有更多的預製設計。

如何使用 Beaver Builder 構建網站

Beaver Builder 為您構建網站的方式提供了很大的靈活性。 它可以模仿與 Divi 相同的方法,或者您可以將其用作帶有或不帶有主題構建器附加組件的獨立頁面構建器插件。

第一個選項是同時使用 Beaver Builder 主題和插件。 通過此設置,您可以將主題用於全局樣式和頁眉和頁腳等區域,而將頁面構建器插件用於實際內容。 這種方法與 Divi 幾乎相同。

第二種選擇是使用具有不同主題的 Beaver Builder 插件。 它與 Astra 和 GeneratePress 搭配得很好,這是此列表中其他出色的 Divi 替代品。

最後,您還可以使用 Beaver Themer 創建自己的主題,這使您可以訪問完整的主題構建支持,以便您可以使用 Beaver Builder 設計頁眉、頁腳和內容模板。

這是一個很棒的視頻,比較了 Beaver Themer 和 Beaver Builder Theme 的方法:

Beaver Builder 的定價

核心 Beaver Builder 插件的價格為 99 美元,可通過標準計劃在無限站點上使用,這使其與 Divi 處於同一領域。

但是,如果您想訪問 Beaver Builder 主題,則需要 199 美元的Pro計劃。 而且,如果您想使用主題構建功能,您還需要以 147 美元的價格購買 Beaver Themer 擴展程序,以便在無限站點上使用。

在這些情況下,Beaver Builder 比 Divi 貴一點。

閱讀這些帖子以獲取有關 Beaver Builder 的更多詳細信息:

  • 海狸生成器 vs 迪維
  • 海狸生成器評論
  • Elementor vs Beaver Builder
更多信息/下載

4.阿瓦達

Avada 是真正的 Divi 替代品

Avada 可能是此列表中最一對一的 Divi 替代品,因為它使用與 Divi 主題完全相同的方法。

Avada 也是一個 WordPress主題,它與自己的可視化構建器 Avada Builder 捆綁在一起。 這就像 Divi 是一個 WordPress 主題,它與自己的可視化構建器捆綁在一起,稱為 Divi Builder。

但是,Avada 的性能優化不如 Divi,後者在 Divi 4.10 中發布了以性能為重點的更新。

為了優化 Avada,我建議使用性能插件,例如 WP Rocket,以便您的網站快速加載(您可以在我的 WP Rocket 評論中了解更多信息)。

Avada vs Divi的優缺點

優點

  • Avada Builder 將頁面和主題構建集成到一個統一的界面中,比 Divi 方便一點。
  • 它的基本主題比 Divi 主題更靈活。
  • 如果您只在單個站點上需要 Avada,它會更便宜,特別是因為它默認提供終身更新。

缺點

  • Divi 比 Avada 更快,性能更優化。
  • Divi 提供了一個更大的可導入站點庫。

您如何使用 Avada 構建您的網站

在高層次上,Avada 的工作方式與 Divi 幾乎相同。 您安裝 Avada 主題,它也捆綁在 Avada Builder 中。 然後,您可以使用主題選項來控制基本設計或使用 Avada 的主題構建功能創建自己的主題。

以下是 Avada 前端構建方法的概述:

Avada 的定價

與 Divi 一樣,Avada 僅提供高級版本。 它的價格為 60 美元,可以為您提供終身更新,但僅限於單個站點。

這與 Divi 有很大不同,Divi 允許在其所有計劃的無限站點上使用。

就 Avada 與 Divi 的定價而言,結果如下:

  • 如果您只需要一個站點,Avada 會更便宜。
  • 在接收終身更新方面,購買單獨的 Avada 許可證比最多四個站點的 Divi 終身會員(249 美元)便宜。 在那之後,您為 Avada 支付的費用高於為 Divi 支付的費用。

閱讀這篇文章以了解有關 Avada 的更多詳細信息:

  • 阿瓦達 vs 迪維
更多信息/下載

5.氧氣

氧

對於喜歡更簡潔的代碼輸出和對動態內容和自定義內容站點的更強大支持的更高級用戶來說,Oxygen 是一個出色的 Divi 替代品。

從技術上講,它是一個 WordPress插件,但 Oxygen 完全取代了您的主題,讓您可以使用可視化的拖放界面設計一切。

當您安裝它時,Oxygen 將停用您的主題。 因此,前端活動主題的痕跡將為零,並且只會顯示您使用 Oxygen 設計的模板。 通過這種方式,Oxygen 更像是一個 WordPress 主題,而不是一個插件。

正如我所提到的,我認為 Oxygen 對於更高級的用戶來說是一個不錯的選擇。 以下是 Oxygen 相對於 Divi 的一些優勢:

  • 更乾淨的 HTML 輸出。 新版本也不會像 Divi 那樣基於簡碼(Oxygen 正在轉向 JSON 方法來存儲設計)。
  • 在編輯器中更接近真正的 HTML。 例如,編輯器允許您直接添加 <div> 容器。
  • 彈性盒控件。
  • 對動態數據的支持要強得多。 例如,您可以創建循環/重複器並使用條件規則根據自定義字段中的數據更改內容。

氧氣與 Divi 的優缺點

優點

  • Oxygen 的構建器在前端輸出更清晰的代碼。
  • 它在處理動態內容方面要強大得多。 雖然 Divi 的主題生成器確實支持此功能,但它不如 Oxygen 靈活。
  • 高級用戶會喜歡 Oxygen 如何模仿實際的 HTML/CSS。
  • 它比迪維便宜。

缺點

  • 氧氣不像Divi那樣對初學者友好。 我不推薦它作為臨時用戶的替代品——堅持使用其他選項之一。
  • 它沒有像 Divi 那麼多的預製設計。

你如何用氧氣建立你的網站

當您安裝 Oxygen 時,它將停用您現有的 WordPress 主題,以便您可以使用它的可視化拖放構建器構建整個站點。

Oxygen 提供預製的站點模板,您可以將其用作基礎,或者您可以從頭開始設計所有內容,包括頁眉、頁腳、單個和存檔模板等等。

這是 Oxygen 界面和主要功能的精彩產品之旅:

氧氣定價

氧氣僅提供高級版本。 根據您需要的功能,共有三種不同的定價計劃,起價僅為 129 美元。

所有計劃都提供終身支持和更新,非常慷慨。 因此,在 Divi vs Oxygen 定價方面,Oxygen 比 Divi 便宜。

更多信息/下載

6.生成新聞

生成新聞

與 Astra 一樣,GeneratePress 是另一個 WordPress主題,它為您提供輕量級、可定制的基礎,以匹配 Divi 提供的內容。

GeneratePress 不提供自己的自定義可視化構建器,但它確實與 WordPress 塊編輯器以及頁面構建器插件緊密集成 - 因此您可以輕鬆地將其與可視化構建器配對,以創建像 Divi 這樣的體驗。

它還帶有一些有趣的基於塊的主題構建功能,儘管這與 Divi 主題構建的靈活性不匹配。

GeneratePress 與 Divi 的優缺點

優點

  • GeneratePress 加載速度比 Divi 快。
  • 它在 WordPress 定制器中為您提供更靈活的主題選項。
  • 您可以將它與任何頁面構建器插件一起使用。
  • 它比迪維便宜。

缺點

  • GeneratePress 沒有自己的內置構建器,這可能對某些人不利。
  • Divi 有更多預先構建的演示站點。

您如何使用 GeneratePress 構建您的網站

GeneratePress 非常靈活,可以讓您構建您的網站。 您可以採用三種主要方法。

首先,您可以使用 GeneratePress 的高級定制器控件和本機 WordPress 編輯器(以及 GenerateBlocks 插件以獲得更大的靈活性)。

其次,您可以將本機編輯器換成您最喜歡的頁面構建器插件。 GeneratePress 與 Elementor、Beaver Builder、Brizy 和幾乎所有頁面構建器插件配合使用都非常好。

第三,您可以使用 GeneratePress 3.0 中發布的新的基於塊的主題構建器功能。 這些不像 Divi 那樣對初學者友好或靈活,但它們確實允許您使用本機 WordPress 塊編輯器設計自定義佈局和模板。

或者,您可以混合搭配所有三種方法! 您不僅限於一個。

這是 GeneratePress 的基於塊的主題構建器的快速宣傳視頻 - 它非常獨特,並且在許多其他 WordPress 主題中都找不到:

GeneratePress 的定價

核心 GeneratePress 主題可在 WordPress.org 免費獲得。

但是,您需要 GeneratePress Premium 附加組件來解鎖所有自定義選項、基於塊的主題構建器和可導入的演示站點。

GeneratePress Premium 一年的許可證費用為 59 美元,可在多達 500 個站點上使用。 還有一個終身計劃,費用為 249 美元(與 Divi 相同)。

此外,您可能想購買 GenerateBlocks Pro,因為兩者非常適合。 如果您這樣做,GenerateBlocks Pro 的起價為 39 美元,可在單個站點上使用。 GenerateBlocks Pro 沒有終身選項。

有關 GeneratePress 的更多詳細信息,請閱讀這篇文章:

  • GeneratePress vs Astra vs OceanWP
更多信息/下載

哪個是滿足您需求的最佳 Divi 替代品?

選擇最好的 Divi 替代方案取決於您要完成的任務,因此我將把我的建議分解為幾個不同的場景。

1.主題+頁面構建方法

如果您喜歡使用主題來控制全局模板和样式規則以及使用視覺構建器來設計單個頁面的“傳統” Divi 方法,那麼這是我的建議。

首先,如果您希望主題擁有自己的構建器,那麼您最好的選擇如下:

  • 阿瓦達
  • Beaver Builder + Beaver Builder 主題——如果你將這兩者配對在一起,它與 Divi 幾乎相同

但是,我個人的建議是選擇一個輕量級且靈活的基礎主題,並將其與您最喜歡的拖放構建器配對。 您在這裡的兩個最佳選擇是:

  • 阿斯特拉
  • 生成新聞

首先,從性能的角度來看,這種方法是最好的,因為 Astra 和 GeneratePress 都非常輕量級。

其次,它為您提供了更大的靈活性,原因有兩個:

  1. Astra 和 GeneratePress 都在 WordPress 定制器中為您提供了大量選項。 您將獲得比 Divi 主題更多的選擇。
  2. 您可以將它們與任何構建器配對。 如果你喜歡 Elementor,你可以使用 Elementor。 如果您更喜歡 Beaver Builder,可以使用 Beaver Builder。 哎呀,如果您仍然喜歡 Divi Builder 界面,您甚至可以使用 Divi Builder 的插件版本!

至於 Astra vs GeneratePress,我認為無論哪種方式你都不會出錯。 我個人使用 GeneratePress,但 Astra 也非常出色。 閱讀我的 Astra 與 GeneratePress 比較以了解更多信息。

2. 全主題搭建解決方案

接下來,假設您正在尋找真正的可視化網站構建器/主題構建體驗,您可以在其中使用可視化界面設計整個網站,包括頁眉、頁腳和單個/歸檔模板。 就像 Divi 的主題生成器功能一樣。

在這種情況下,我會向大多數人推薦 Elementor 或 Elementor Pro,原因如下:

  • 它和 Divi 一樣用戶友好(我個人認為更是如此)。
  • 您可以獲得與 Divi 相同的詳細設計選項。
  • 除了主題構建器之外,它還提供了一個彈出構建器。

Beaver Builder 和 Beaver Themer 在這裡也是不錯的選擇,儘管我認為 Elementor Pro 對大多數人來說具有優勢(如果您只構建幾個站點,Elementor Pro 會便宜很多)。

另一方面,對於更高級的用戶,我會推薦 Oxygen。 這是一個很好的經驗法則:如果你是那種抱怨頁面構建器的代碼輸出有多麼臃腫的人,那可能表明你很適合 Oxygen 陣營。

除此之外,Oxygen 在動態內容方面也更強大,如果您正在使用自定義字段構建自定義內容網站,這一點很重要。

3. 最佳免費 Divi 替代品

如果您專門尋找免費的 Divi 替代品,這是我的建議。

首先,選擇一個靈活的基本主題——免費版本的 Astra 和 GeneratePress 都是很好的選擇。

其次,將它們與 Elementor 的免費版本配對,它增加了對視覺、拖放構建的支持,就像 Divi 一樣。

這種組合將使您接近Divi 以零成本提供的服務。

立即建立您的網站

很多人都喜歡 Divi,但它並不是適合所有人的最佳 WordPress 網站建設解決方案。

值得慶幸的是,有大量優秀的 Divi 替代品,它們有主題和插件格式。

在本文中,我盡力為大多數人強調六個最佳選擇。 按照上一節中的指導,您應該能夠選擇適合您需求的工具。

您對選擇適合您情況的最佳 Divi 替代品還有任何疑問嗎? 讓我們在評論中知道!