Beaver Builder頁面構建器外掛評測:與其他同類外掛對比有何獨特之處?

Beaver Builder頁面構建器外掛評測

考慮在您的 WordPress 網站上使用 Beaver Builder?在我們的 Beaver Builder 實踐評測中,我們將幫助您決定這款流行的頁面生成器是否適合您。

Beaver Builder 是最成熟的 WordPress 頁面生成器之一。使用其視覺化拖放介面,您無需編寫一行程式碼就能快速建立美觀的設計。

有了 Beaver Themer 擴充套件,你不僅可以設計單個頁面,還可以為主題的頁首、頁尾、單篇文章佈局和文章列表佈局(歸檔)製作模板。

總的來說,Beaver Builder 的重點是很好地掌握頁面生成器的核心功能,並建立一個堅如磐石的介面。在開箱即用的優化方面,它也是最輕量級的頁面生成器之一,從效能角度來看非常不錯。

不過,雖然 Beaver Builder 有很多值得稱道的地方,但它並不完美,它缺乏 Elementor 和 Divi 等其他流行構建工具所具備的功能、設計選項和模板。

總的來說,Beaver Builder 對於某些型別的使用者來說是一個不錯的選擇,但對於其他人來說,使用其他構建工具可能會更好。

在我們的 Beaver Builder 評測中,我將幫助你瞭解哪種情況最適合你。以下是我將介紹的所有內容:

Beaver Builder官網

探索Beaver Builder主要功能

在對 Beaver Builder 進行評測之前,我們先來了解一下 Beaver Builder 的工作原理和一些最實用的功能。

但首先值得注意的是,開發者提供了一個全功能的 Beaver Builder 演示。因此,如果你想親自體驗一下它的功能,可以點選這裡

視覺化、拖放式生成器

Beaver Builder 的核心是視覺化拖放生成器。您無需編寫任何程式碼即可建立自己的自定義設計。

首次開啟 Beaver Builder 時,您會看到設計的全寬預覽以及頂部的工具欄:

beave builder拖放式生成器

要新增新模組或模板,可以點選加號圖示展開選單。要將模組新增到頁面上,只需將其拖動到希望出現的位置即可:

beaver builder新增新模組或模板

Beaver Builder 和幾乎所有其他頁面生成器一樣,有三種型別的頁面元素:

  • – 可將頁面橫向劃分為多個部分。
  • – 這些元素位於行內,可將一行垂直劃分為一列或多列。
  • 模組 – 這些模組可以讓你向頁面新增內容。你可以將它們放在行/列中。不同型別的內容(如按鈕、圖片、視訊、表單等)都有專門的模組。

對於任何元素,你都可以點選它來開啟設定。在這裡,你可以完全控制設計、間距、內容等:

beaver builder控制設計、間距、內容等

對於文字內容,您也可以直接點選頁面並鍵入–您不需要為了編輯文字而開啟完整的設定(當然,如果您想的話也可以)。Beaver Builder 還有一系列鍵盤快捷鍵,可用於加快工作流程。

這就是基本思路!我將重點介紹一些我喜歡的具體功能。但總的來說,Beaver Builder 的一大優點是其編輯器非常快速且無故障(視覺化構建工具並非總是如此)。

哦,還有一件好事 – Beaver Builder 還支援黑暗模式

Beaver Builder黑暗模式

自定義介面

Beaver Builder 有一個非常好的功能,那就是你可以根據自己的喜好自定義介面佈局,這一點是許多其他頁面生成器所不具備的。

例如,如果你希望有一個固定的側邊欄,只需將設定面板拖到螢幕兩側,Beaver Builder 就會將其固定在該位置並始終可見:

beaver builder自定義介面

如果想切換回全屏預覽和彈出設定選單,只需將其拖回螢幕中間即可。

便捷的佈局選項

我喜歡 Beaver Builder 的另一個原因是它能讓你輕鬆控制佈局。

使用許多其他頁面生成器時,你需要在開始新增內容元素之前配置行/列布局。但有了 Beaver Builder,你只需將一個模組拖到另一個模組旁邊,就能自動建立一個新列:

beaver builder便捷的佈局選項

雖然這只是一件小事,但我發現這對快速建立佈局來說超級方便。

你還可以使用拖放來調整列寬,這意味著你不需要為了調整寬度而開啟完整的設定:

beaver builder使用拖放來調整列寬

響應式設計

使用 Beaver Builder 建立的所有設計預設都是響應式的,這意味著無論使用者是在桌上型電腦、平板電腦還是移動裝置上瀏覽,它們都會自動進行調整。

不過,如果您希望獲得更多控制權,Beaver Builder 還包含一個響應式編輯模式,可讓您針對特定裝置進行更改,包括

  • 更改字型大小和排版。
  • 隱藏某些行、列或模組。

在進行這些更改時,您可以看到您的設計在不同裝置上的效果:

beaver builder響應式設計

您還可以為移動和平板裝置自定義響應式斷點。

條件元素顯示

除了響應式設計,Beaver Builder 還允許您使用其他條件規則來控制是否顯示某些行或模組。

其中一個獨特的選項是,您可以根據訪客的登入狀態顯示/隱藏內容,這樣您就可以建立簡單的會員制網站,而無需使用專門的會員制外掛(如 MemberPress 或MemberMouse):

beaver builder設定條件元素顯示

Beaver Builder模板

如果您不想從頭開始設計,Beaver Builder 確實包含一些預製的著陸頁和內容頁模板。

Beaver Builder模板

雖然有模板是件好事,但與 Elementor 和 Divi 等其他工具相比,Beaver Builder 的模板選擇明顯有限。模板絕對不是 Beaver Builder 的強項。

不過有一點很好,那就是你可以將自己的模板儲存到庫中,以便日後重複使用。你還可以使用 Assistant Pro 外掛將模板儲存到雲端,以便在其他網站上輕鬆重複使用。

CSS和JavaScript編輯器

對於更高階的使用者,Beaver Builder 可通過專用編輯器為您的設計新增自定義 CSS 或 JavaScript,其中包括基本驗證和建議:

CSS和JavaScript編輯器

您還可以為特定行或模組新增 CSS 類,以應用您的 CSS。

不過,您不能像 Elementor Pro 那樣直接在模組中新增自定義 CSS。

如果您在自定義 CSS 方面需要幫助,Beaver Builder 還可以與 CSS Hero 外掛配合使用。

主題生成器

Beaver Builder 的核心外掛是一個頁面生成器,這意味著你可以用它來設計單個帖子和頁面。

不過,有了官方的 Beaver Themer 擴充套件,你就可以使用相同的視覺化生成器介面設計主題模板,包括

  • 頁首
  • 頁尾
  • 單個 – 例如,部分/全部部落格文章使用的設計(或自定義文章型別)。
  • 檔案–例如,列出部落格文章的頁面(或自定義文章型別)。

建立模板時,可以使用規則來控制模板的應用位置。這些規則非常靈活,這也是 Beaver Themer 的強項。您可以根據文章細節、使用者細節(如登入狀態或使用者角色)、作者等有條件地應用模板。

主題生成器

在這裡,您可以開啟視覺化生成器來設計您的模板。您將獲得一些特殊的主題塊來插入動態內容,Beaver Themer 還可以讓您從使用 ACF、Toolset 和 Pods 等外掛新增的自定義欄位中插入動態內容:

beaver builder視覺化生成器

我喜歡 Beaver Themer 的另一個原因是,您可以設計模板部分(又稱 “部分設計”),並將其注入 WordPress 的不同鉤子位置。例如,您可以在博文內容之後自動注入一些內容。這對廣告、CTA、電子郵件選入等非常有用。

不過,Beaver Builder 主題構建功能的一個缺點是,頁首和頁尾模板只能與有限的主題配合使用。你可以為任何主題建立單個或歸檔模板,但頁首和頁尾模板只能與列表中的主題一起使用。相比之下,Elementor Pro 的主題生成器適用於任何主題。

第三方擴充套件

Beaver Builder 外掛的核心部分是完全可擴充套件的,這意味著您可以在大型第三方 Beaver Builder 擴充套件市場中找到可新增新功能的…

  • 模組
  • 模板
  • 功能
  • 等等。

當您需要某種功能時,這些擴充套件會非常有用。例如,如果您覺得 Beaver Builder 的模組選擇有限,您可以新增 PowerPack 或 Ultimate Addons,這樣您就可以使用幾十個新模組和許多其他有用的功能。

Beaver Builder效能評測

接下來,讓我們來談談 Beaver Builder 的效能。

無論何時使用頁面生成器,與使用 WordPress 原生區塊編輯器相比,至少都會犧牲一些效能。

不過,就效能而言,Beaver Builder 是你能找到的更好、更輕量級的選擇之一。

為了測試這一點,我用 Beaver Builder、原生編輯器和其他一些流行的頁面生成器外掛建立了一個簡單的測試頁面。

這只是一個非常基本的頁面,其中包含一些基礎元素,這些元素在每個建立器中都是相同的。這樣做的目的只是為了瞭解每種建立器的基本“體積”。

資料如下:

頁面構建器 頁面大小 HTTP請求數
原生區塊編輯器(古騰堡) 40 KB 7
Beaver Builder 84 KB 12
Elementor 170 KB 21
Divi Builder 149 KB 13
Brizy 143 KB 14

注:這些資料是基於主題 Astra 下測試所得

可以看出,Beaver Builder 比區塊編輯器頁面體積大一些,但比 Elementor、Divi Builder 和 Brizy 等其他流行的頁面生成器輕一些。

總的來說,只要您執行 WordPress 效能最佳實踐,您完全可以使用 Beaver Builder 構建一個快速載入的網站。

要優化 Beaver Builder,有一個非常簡單的方法,您可以將它與 WP Rocket 搭配使用,後者可以自動移除未使用的 CSS 並優化 JavaScript。

Beaver Builder定價

接下來,讓我們談談 Beaver Builder 的定價。

首先,WordPress.org 提供 Beaver Builder 免費版本。不過,我不推薦將其作為免費建立工具,因為免費版本比 Elementor 或 Brizy 的免費版本侷限性更大。

不過,就高階版本而言,Beaver Builder 是非常經濟實惠的,除非你只需要它來製作一個網站。

為什麼這麼說呢?因為 Beaver Builder 的所有高階計劃都允許在不受限制的網站上使用。

有三種不同的計劃,但大多數人只需要最便宜的 99 美元標準計劃就可以了,因為它已經可以讓你使用全功能的頁面生成器外掛:

Beaver Builder定價

選擇更高階別的計劃只有三個好處:

  1. Beaver Builder 主題 (專業計劃)- 我認為您最好只使用 Astra、GeneratePress 或 Kadence 等主題,因此我不認為這是升級的理由。
  2. 多站點支援 (專業計劃)- 如果你要建立一個多站點網路,就應該升級。
  3. 白色標籤 (代理計劃)- 如果您正在建立客戶網站,並希望隱藏 Beaver Builder 的品牌,則應升級。

因此,基本上,除非您需要多站點支援或白色標籤,否則我認為您應該堅持使用 99 美元的計劃。

除了無限站點許可外,Beaver Builder 價格的另一個慷慨細節是,如果你想在第一年後繼續獲得支援和更新,你將獲得 40% 的續訂折扣。

注意 – 您可以終身使用您擁有的 Beaver Builder 版本。只有當您想獲得新的 更新時,才需要更新許可證(我建議您更新許可證,以確保相容性和獲得新功能)。

不過,Beaver Builder 的定價有一個缺點,那就是如果您想使用主題構建功能,就需要單獨購買 147 美元的 Beaver Themer 擴充套件。這是核心外掛基礎上增加的功能。

因此,如果您想使用 Beaver Builder 建立主題,您需要支付 246 美元(標準版 99 美元,Beaver Themer 147 美元)。

Beaver Builder支援

Beaver Builder 為所有擁有有效許可證的客戶提供專門支援。

首先,您可以在詳細的自助知識庫中找到許多問題的答案。

如果您仍然需要幫助,可以提交票據。Beaver Builder 的目標是在一個工作日內給予回覆。但是,週末或美國節假日不提供支援。有關支援政策的更多資訊,請點選此處

除直接支援渠道外,您還可以通過幾個官方社羣支援渠道直接獲得 Beaver Builder 友好社羣的幫助:

Beaver Builder優缺點

既然您已經知道了 Beaver Builder 的功能和效能,讓我們來總結一下 Beaver Builder 的一些優缺點。

優點

  • 作為頁面生成器,Beaver Builder 重量輕、效能友好。在所有流行的頁面生成器中,它是最輕量級的選擇。
  • Beaver Builder 非常穩定。很少看到有人抱怨 Bug 或故障,即使在更新前後也是如此。
  • 從介面角度看,Beaver Builder 簡潔明瞭,重點突出。沒有臃腫感,每項功能似乎都有其存在的理由。
  • 您可以根據自己的喜好自定義 Beaver Builder 的介面佈局。
  • Beaver Builder 的所有高階計劃都允許建立無限量的網站。
  • 使用代理許可證,您可以為 Beaver Builder 介面貼上白標籤,這對您建立客戶網站很有幫助。

缺點

  • 雖然 Beaver Builder 涵蓋了所有基本功能,但它提供的高階設計選項不如 Elementor 或 Divi 多。例如,Beaver Builder 無法與 Elementor Pro 的動態效果、自定義定位或全域性設計系統相媲美。
  • Beaver Builder 的功能不如 Elementor Pro 多。例如,沒有彈出視窗生成器。如果你喜歡豐富的功能,這是一個缺點。但是,如果你只想要一個簡單直接的頁面生成器,你可能會把這看作是一個優點。
  • Beaver Builder 的模板很有限,而且有些看起來已經過時。Elementor、Brizy 和 Divi 都能提供更多、更好看的模板。
  • 介面中不支援右鍵單擊,而現在幾乎所有其他流行的構建工具都支援右鍵單擊。右鍵支援可以加快複製/貼上等常見任務的速度,非常方便。
  • Beaver Themer 只與有限的主題相容。大多數其他主題建立工具可與任何主題相容。

Beaver Builder與一些競爭對手對比

如果你正在考慮 Beaver Builder,這意味著你可能也在考慮其他一些流行的頁面生成器外掛。讓我們來看看它與兩種流行的 Beaver Builder 替代品 – Elementor 和 Divi–的比較。

Beaver Builder 與 Elementor

以下是 Beaver Builder 與 Elementor 的優缺點。

Beaver Builder 的優勢:

  • 更好的開箱即用效能。
  • 非常穩定。
  • 可定製的介面佈局。
  • 所有許可證都允許無限站點,如果在多個網站上使用,價格會更便宜。
  • 40% 的續訂折扣(Elementor 不提供任何續訂折扣)。

Elementor 的優勢:

  • 更多設計選項,如動態效果和自定義定位。
  • 支援右鍵單擊。
  • 彈出視窗生成器等更多功能。
  • 更多/更好的模板。
  • 主題生成器相容更多基礎主題。
  • 功能更強大的免費版本。
  • 單個網站更便宜。

我們的 Elementor 與 Beaver Builder 對比中瞭解更多資訊。

Beaver Builder 與 Divi Builder

以下是 Beaver Builder 與 Divi Builder 的優缺點。

Beaver Builder 的優勢:

  • 更好的開箱即用效能。
  • 在編輯器中工作時速度更快、無故障(至少在我的經驗中是這樣)。
  • 總體上非常穩定。
  • 不基於簡碼(如果停用,會留下相當乾淨的程式碼)。
  • 有免費版本,但非常有限。
  • 40% 的續訂折扣。

Divi Builder 的優勢

  • 更多設計選項。
  • 模板明顯更多–1700 多個選項。
  • 頁面構建價格略低,如果需要主題構建,價格會便宜很多。
  • 終身許可證選項(或像 Beaver Builder 一樣的年度許可證)。

我們的 Elementor 與 Divi Builder 對比中瞭解更多資訊。

Beaver Builder常見問題

在完成對 Beaver Builder 的評測之前,我們先來了解一下關於 Beaver Builder 的一些常見問題。

Beaver Builder是否不利於搜尋引擎優化?

Beaver Builder 不會直接影響網站的搜尋引擎優化。只要您執行一般的 WordPress SEO 最佳實踐,您使用 Beaver Builder 建立的網站肯定能獲得較高的排名。

Beaver Builder移動端友好嗎?

是的!您的所有 Beaver Builder 設計預設都是移動友好和響應式的。此外,您還可以使用特殊的響應式編輯模式,在需要時編輯手機和平板電腦設計。

我需要使用Beaver Builder的主題嗎?

是的!您仍然需要使用 Beaver Builder 的主題。您可以使用官方的 Beaver Builder 主題,也可以使用 Astra 或 GeneratePress 等流行的輕量級選項。

什麼是最好的Beaver Builder主題?

雖然Beaver Builder提供官方的Beaver Builder主題,但我更喜歡將其與輕量級基礎主題搭配使用,如 Astra、GeneratePress、Kadence或Page Builder Framework。

Beaver Builder是一次性購買嗎?

是,也不是。購買 Beaver Builder 後,您可以永久使用購買的版本,還可以獲得一年的支援和更新。

第一年後,您可以繼續使用現有版本的 Beaver Builder,但除非續訂許可證,否則您將不再獲得新的更新或支援。

不過,Beaver Builder 為您提供 40% 的續訂折扣,因此您無需以全價續訂。

我可以免費使用Beaver Builder嗎?

在 WordPress.org 上,Beaver Builder 確實有一個免費版本。不過,它的功能非常有限,所以我不推薦使用。如果你想要一個免費的頁面生成器,Elementor 是一個更好的選擇。

小結

總的來說,我認為 Beaver Builder 是一個優秀的頁面生成器外掛,它來自一個成熟、高質量的團隊。不過,我並不認為 Beaver Builder 是適合所有 WordPress 使用者的最佳頁面生成器外掛。

一般來說,我認為 Beaver Builder 會受到那些看重 Beaver Builder 的相對輕量級方法和穩定性的使用者的歡迎。你可能無法獲得其他頁面生成器的所有功能,但 Beaver Builder 能很好地完成所有核心頁面生成功能。

Beaver Builder 介面執行速度快、無故障,而且如上所述,在 Beaver Builder 中很少會遇到錯誤。雖然這些優點可能不如炫酷的動態動畫那麼性感,但這些對於網站建設工具來說確實非常重要。

然而,其他頁面生成器(如 Elementor Pro 和 Divi Builder)只能提供“更多”。我說的“更多”是指

  • 設計選項,如動態效果或自定義定位。
  • 功能,如彈出生成器。
  • 模板。
  • 內容元素。

如果你是那種喜歡在工具中擁有“更多”的使用者,那麼我想你可能會更喜歡 Elementor Pro。Elementor Pro 提供了所有這些–更多設計選項、更多功能、更多模板和更多內容元素。您可以在我們的 Elementor Pro 與 Beaver Builder 對比中瞭解更多資訊。

不過,需要注意的是,我並不認為“更多”一定意味著更好。對很多人來說,它確實更好,但這真的取決於你將如何使用該生成器。

如果你不打算建立彈出視窗,就沒有理由選擇帶有彈出視窗建立器的工具。如果你不打算在你的設計中使用動態效果,那只是在你的網站上無緣無故多了一些程式碼而已。

因此,這實際上取決於您的需求以及您將如何使用該工具。如果 Beaver Builder 的功能集和使用方法能滿足您的需求,我認為它絕對是一款高品質的工具,我毫不猶豫地向您推薦它–我想您不會失望的。

對 Beaver Builder 或我們的 Beaver Builder 評測還有任何疑問?請在評論中告訴我們!

評論留言