Beaver Builder 評論:它是最好的 WordPress 頁面構建器插件嗎? (2022)

已發表: 2016-11-15
編輯評價
4.8/5
便於使用
4.5
功能性
4.5
物有所值
5
文檔和支持
5
Beaver Builder 評論:它是最好的 WordPress 頁面構建器插件嗎? (2022)

概括

Beaver Builder 是頂級 WordPress 頁面構建器插件之一。 它沒有提供像 Elementor 或 Divi 那麼多的設計選項,但它確實具有非常穩定、可靠的界面以及大多數人需要的所有功能。

Beaver Builder 是頂級 WordPress 頁面構建器插件之一。 它沒有提供像 Elementor 或 Divi 那麼多的設計選項,但它確實具有非常穩定、可靠的界面以及大多數人需要的所有功能。

優點

內聯編輯的快速界面

大多數人需要的所有核心設計功能

非常穩定,無錯誤的工具

輕量級代碼輸出(用於頁面構建器)

缺點

沒有 Divi 或 Elementor 那麼多的設計選項

不經常發布新功能(例如沒有彈出窗口生成器)

正在為您的 WordPress 網站尋找最佳頁面構建器插件?

Beaver Builder 絕對值得在該列表中佔有一席之地。 自 2014 年推出以來,它已成為首屈一指的頁面構建器之一,並以堅如磐石的可靠性和出色的社區建立了當之無愧的聲譽。

在我們動手操作的 Beaver Builder 評論中,我將詳細介紹該插件,包括它做得好的地方和做得不好的地方。

總的來說,我認為 Beaver Builder 是一個非常好的頁面構建器,但它不一定是每個人的最佳工具,因此您需要獲得正確的信息來決定是否應該使用 Beaver Builder 或其流行的替代品之一,例如Elementor 或 Divi Builder。

繼續閱讀我們的評論,我會幫助您做出決定!

目錄
  1. 海狸生成器評論:快速總結
  2. Beaver Builder 界面的工作原理
  3. 海狸主題
  4. 海狸生成器主題
  5. 表現
  6. 第三方 Beaver Builder 附加組件
  7. 價錢
  8. 關於 Beaver Builder 的最終想法

海狸生成器評論:快速總結

如果您不熟悉 Beaver Builder,我將從一個非常快速的功能摘要開始,以幫助您快速上手。

Beaver Builder 是一個用戶友好的拖放頁面構建器插件。 這意味著它可以幫助您構建複雜的設計和登錄頁面,而無需任何技術知識。

您可以使用內容模塊設置您的設計,並使用創建佈局。 對於每個模塊、行和列,您將獲得控制其設計、佈局、間距等的詳細選項。

如果你想走得更遠,你可以使用 Beaver Builder 的 Themer 插件來設計你的整個主題,使用可視化的拖放編輯,包括自定義頁眉、帖子模板、頁腳等。

基本上,Beaver Builder 可以幫助您構建一個 100% 自定義的 WordPress 網站。

海狸生成器主頁

Beaver Builder 界面的工作原理

讓我們從深入研究 Beaver Builder 界面及其工作原理開始。

基本界面導覽

當你啟動界面時,你會得到一個很好的實時設計的全寬預覽。 默認情況下沒有固定的側邊欄,但您可以根據需要創建一個:

海狸生成器界面

添加模塊

要添加新的模塊或模板,您可以單擊右上角的“加號”圖標打開插入器界面。 模塊分為不同的類別,您也可以按名稱搜索。

要添加模塊,只需將其拖到頁面上:

添加新模塊

添加模塊後,菜單會消失,然後您將返回完整預覽。

如果您希望菜單保持固定,您可以將其拖動到右側或左側,將其變為該側的固定側邊欄。 在這裡,我把它固定在左邊:

固定側邊欄

就模塊本身而言,Beaver Builder 在讓您訪問所有最重要的模塊方面做得很好。 該列表可能不像其他一些頁面構建器那麼大,但我認為大多數人不會有問題。 如果您確實需要添加更多模塊,您可以隨時使用第三方插件(稍後會詳細介紹)。

配置模塊、列和行

要打開任何元素的設置,您可以將鼠標懸停在它上面並單擊扳手圖標。

如果您有消失的菜單,設置將出現在一個彈出窗口中,您可以將其拖動到任何位置並更改其大小:

模塊設置

如果您更喜歡固定側邊欄的方法,設置將自動在側邊欄中打開:

側邊欄設置

雖然您可以在上面的屏幕截圖中看到文本編輯器,但 Beaver Builder 還支持內聯編輯,這意味著您可以通過單擊和鍵入直接在頁面上添加文本。

就設計選項的數量而言,我想說您獲得了所有重要的核心選項,但您沒有獲得某些頁面構建器(例如 Elementor 和 Divi Builder)提供的高級設計選項。

例如,沒有自定義絕對/相對定位,也沒有 Elementor 的 Motion Effects 或 Divi 的 Scroll Effects 之類的東西(儘管 Beaver Builder 確實包含基本動畫)。

對於普通用戶,我認為您不會覺得自己缺少任何東西。 但是如果你是一個喜歡能夠設置所有這些很酷的設計效果的設計師,那麼 Elementor 和 Divi 在這方面肯定會更靈活一些。

Beaver Builder 也支持響應式設計。 您可以在移動設備上隱藏某些元素,還可以選擇根據用戶設備更改配置(例如,您可以為移動訪問者使用不同的間距或字體大小):

響應式編輯模式

還有一種響應式編輯模式,可以輕鬆為手機和平板電腦設計。

創建多列設計

這是我最喜歡的 Beaver Builder 功能之一,我不知道為什麼每個頁面構建器都不這樣做。

假設您要創建一個多列設計。 對於大多數其他頁面構建器,您首先需要設置列結構。 然後,您可以將小部件拖到這些列中。

使用 Beaver Builder,您可以跳過該步驟,只需將一個模塊拖到另一個模塊旁邊即可自動創建一個新列。 這是一件小事,但它真的很方便,可以節省你一些時間:

輕鬆創建列

當然,Beaver Builder 仍然允許您先設置列結構——如果您喜歡這樣做,您需要手動添加一行。

插入模板

為了節省時間,Beaver Builder 包含一些您可以插入的整頁模板。 這些模板有兩種形式:

  • 完整的登陸頁面
  • 內容頁面(例如“關於”頁面)
模板

不過,我會說模板不是 Beaver Builder 的強項。 模板本身看起來不錯,但您幾乎無法訪問其他一些工具提供的模板數量。 例如,Divi 為您提供 1,700 多個模板,Elementor 也有數百個。

除了頁面模板之外,您還可以獲得預構建的行模板,它們是頁面一部分的模板——例如,英雄部分。

您還可以將自己的設計保存為模板,以便以後重複使用。

使用全局設置

全局設置允許您控制所有 Beaver Builder 設計的高級設置,例如行的默認寬度、行和列的默認邊距/填充、響應式佈局等。

全局設置

您還可以在核心插件中自定義您的中小型設備斷點,這並不是所有頁面構建器都允許的(例如 Elementor 仍在允許可調整斷點的過程中)。

自定義響應斷點

使用代碼

如果您想使用代碼,Beaver Builder 可以輕鬆地將 CSS 或 JavaScript 直接添加到頁面 -按 Ctrl + Y打開代碼編輯器。

代碼編輯器

但是,您不能像 Elementor Pro 允許的那樣將自定義 CSS 直接添加到單個模塊/部分。 即使您可以將自定義 CSS 類或 ID 添加到模塊,您也不能添加 CSS 本身。

關於界面和編輯體驗的一般思考

總的來說,我認為 Beaver Builder 的編輯體驗相當不錯。

在設計選項方面,它沒有 Elementor 或 Divi “那麼多”,但它具有大多數用戶需要的所有核心選項。

此外,我真的很喜歡界面本身。 雖然很難在屏幕截圖中顯示這一點,但界面始終快速且無故障。 在打開設置或拖動東西時,我從來沒有遇到過任何滯後或問題——它很有效。

您可以根據自己的喜好自定義界面也很好。 如果您喜歡全屏視覺預覽,您可以在查看設計時繼續使用默認彈出樣式並隱藏所有設置。

或者,如果您喜歡側邊欄的方法,您可以將側邊欄粘貼在任一側,並從固定界面執行所有操作。

沒有什麼特別華麗的,它只是一個非常可靠、令人愉快的使用界面。

海狸主題

Beaver Themer 是 Beaver Builder 團隊的官方擴展,為 Beaver Builder 添加了完整的主題構建支持。

Beaver Builder 是第一批提供完整主題構建的頁面構建器之一,擊敗了 Elementor 和 Divi 等其他大牌。

啟用 Beaver Themer 後,您可以轉到Beaver Builder → Themer Layouts為您的主題創建模板:

  • 標題
  • 頁腳
  • 單數(例如單個博客文章、頁面等)
  • 存檔(例如,列出所有博客文章的頁面)
  • 404頁

您還可以創建主題部分,這是一個非常簡潔的功能,可讓您在網站的不同部分注入設計,有點像主題掛鉤。

主題模板

創建新主題模板時,您首先需要選擇何時使用該模板。 您可以定位特定類型的內容,例如,所有博客帖子或僅具有特定類別/標籤的帖子。

如果你想要更多的控制,你還可以設置規則,讓你只有在滿足指定條件時才使用某個模板,例如登錄狀態、用戶角色、作者、自定義字段、帖子模板等。

海狸主題模板

由於大多數其他主題構建器沒有類似的功能,這是 Beaver Themer 的明顯優勢。

從那裡,您可以使用相同的 Beaver Builder 界面來設計您的模板。 唯一的區別是您將能夠插入“動態”內容,例如帖子的標題和內容。

Beaver Themer 還可以使用自定義字段,以便您可以從高級自定義字段或 Pod 等插件插入數據。 下面,您可以看到將字段內容連接到動態信息的情況。

海狸主題編輯器

主題部分

主題部分的工作原理與主題模板基本相同,但您可以獲得一個額外選項,可讓您將部分注入主題的特定位置,例如,在帖子標題下方或內容下方。

您可以將主題部分用於廣告、選擇加入表單、號召性用語等。

主題部分

海狸生成器主題

Beaver Builder 主題是一個輕量級的基礎 WordPress 主題,旨在與 Beaver Builder 配對。

本質上,這個想法是您使用 Beaver Builder 主題來處理非內容區域,例如頁眉、頁腳和博客模板,然後您使用 Beaver Builder 來設計實際內容(頁眉和頁腳)。

海狸生成器主題

不過,老實說,我認為 Beaver Builder 主題在 2022 年及以後沒有那麼有價值。 這並不是說主題“壞”——這是一個很好的主題。 我只是認為 WordPress 空間發生了變化,不再那麼特別了。

多年前,這個主題很不錯,因為仍然很難找到輕量級、多用途的基礎主題。

但是現在,當涉及到旨在與頁面構建器配對的靈活、輕量級主題時,我們已經被寵壞了。 所有這些主題都遵循與 Beaver Builder 主題相同的基本原則,但它們做得更好(至少在我看來)。 在 2022 年及以後,我寧願將 Beaver Builder 與 GeneratePress 配對。

表現

使用頁面構建器插件時,性能始終是一個重要的考慮因素。 與僅使用默認的 WordPress 編輯器相比,頁面構建器總是會為頁面增加更多權重,但有些頁面構建器在將權重保持在最低限度方面比其他頁面構建器要好。

我親自進行了一些測試,我使用不同的頁面構建器創建了相同的頁面,而 Beaver Builder 通常是性能方面的最佳選擇之一。 我的意思是,它的頁面大小和 HTTP 請求低於其他構建器。

為了讓您更好地了解 Beaver Builder 與原生 WordPress 塊編輯器 (Gutenberg) 相比增加了多少額外的重量,我決定進行一個小測試。

我用兩個版本創建了一個簡單的設計:一個帶有 Gutenberg 編輯器,另一個帶有 Beaver Builder 的高級版本。

然後,我比較了頁面大小和 HTTP 請求(這些數字包括我網站的主題,即 GeneratePress):

頁面大小HTTP 請求
古騰堡25.9 KB 6
海狸生成器70 KB 10
不同之處+44.1 KB +4

您可以看到默認情況下 Beaver Builder 並沒有真正加載那麼多。 設計非常簡單,主要只包括文本、按鈕和列。 此結果小於您在許多其他頁面構建器中看到的結果。

例如,當我用 Divi Builder 做同樣的事情時,它增加了 316.7 KB(與 Beaver Builder 相比 +44.1 KB)和 7 個新的 HTTP 請求(與 Beaver Builder 的四個新 HTTP 請求相比)。

另一個好處是 Beaver Builder不會在站點範圍內加載其腳本。 因此,如果您有一個使用本機 WordPress 編輯器構建的頁面,Beaver Builder 將不會在該頁面上加載單個腳本。

這是值得注意的,因為其他一些頁面構建器會在站點範圍內加載他們的腳本,這會增加頁面的權重,無論您是否在該頁面上使用頁面構建器。

Beaver Builder 性能結論

您使用 Beaver Builder 設計的頁面的加載速度是否與使用 Gutenberg 塊編輯器設計的頁面一樣快? 不,一切都是平等的,它不會。

但是,Gutenberg 塊編輯器並沒有給您提供幾乎與 Beaver Builder 一樣多的設計靈活性。 而且,與具有類似靈活性的其他頁面構建器插件相比,Beaver Builder 相當有利。

因此,只要您對任何頁面構建器插件都適用的基本性能權衡感到滿意,Beaver Builder 就可以將其增加的權重保持在最低限度。

只要您遵循 WordPress 性能最佳實踐,使用一些速度優化插件,並在快速託管上託管您的網站,您就可以完全使用 Beaver Builder 創建一個快速加載網站。

第三方 Beaver Builder 附加組件

除了 Beaver Themer,Beaver Builder 還擁有一個充滿活力的第三方 Beaver Builder 插件市場,可讓您進一步擴展核心構建器。

通常,您將使用這些擴展來添加新的內容模塊和模板,但有些還會添加新功能,例如將 Pods 框架與 Beaver Builder/Themer 集成。

為了讓您體驗一下,這裡有兩個最受歡迎的選擇:

  • Beaver Builder 的終極插件(來自 Astra 主題背後的同一團隊)
  • Beaver Builder 的 PowerPack 插件

要查看更多選項,請查看我們對最佳 Beaver Builder 附加組件的匯總。

價錢

現在我們已經涵蓋了其他所有內容,讓我們來談談定價。

首先,Beaver Builder 在 WordPress.org上確實有一個免費的精簡版,但它非常有限。

老實說,既然 Gutenberg 塊編輯器已經存在,我認為 Beaver Builder 的免費版本沒有任何價值,除了讓您試用用戶界面以查看您是否喜歡它。

你可能不同意——所以你絕對應該自己測試免費版本。 但在我看來,如果您專門尋找免費的頁面構建器插件,Elementor 和 Brizy 的免費版本在功能上要慷慨得多。

但是,對於高級版本,Beaver Builder 相當實惠。

首先,需要注意的重要一點是 Beaver Builder 的所有定價計劃都允許在無限的網站上使用。

從那裡開始,一年的支持和更新計劃起價僅為 99 美元。 在所有計劃中,如果您想在第一年後繼續獲得支持和更新,您可以獲得 40% 的續訂折扣。

正如我上面提到的,我發現 Beaver Builder 主題不再那麼有價值了,所以我認為幾乎每個人都可以使用 99 美元的標准許可證。 您可能想要支付更多費用的唯一原因是:

  1. 您需要 WordPress 多站點支持,在這種情況下,您需要 199 美元的Pro許可證。
  2. 您需要白標,在這種情況下,您需要 399 美元的代理許可證。

如果您想添加主題構建支持,您還需要購買 Beaver Themer,價格為 147 美元,可在無限站點上使用。

因此,如果您想要頁面構建器和主題構建器,您將支付 246 美元用於無限站點和一年的支持和更新。 如果您想在第一年之後繼續獲得支持和更新,您將總共支付 147.60 美元來續訂。

關於 Beaver Builder 的最終想法

總的來說,我認為 Beaver Builder 是一個來自成熟、可靠的開發團隊的非常好的插件。 它已經存在了七年多,並且在那段時間建立了一個偉大的社區。

但是,您是否應該使用 Beaver Builder 真的取決於您在 WordPress 頁面構建器插件中的價值。

如果您想要一個始終添加新功能並為您提供新設計能力的頁面構建器,那麼 Beaver Builder 可能不是您的最佳選擇,因為這似乎不是 Beaver Builder 團隊的重點。 Beaver Builder 並不是從不添加新功能,但它們的速度比 Elementor、Divi 和 Brizy 等插件慢。

但是,如果您重視穩定性而不是頻繁獲得新功能,那麼我認為 Beaver Builder 做得非常好。 較慢的開發週期意味著更多的時間來測試和解決問題。 我從未見過 Beaver Builder 用戶抱怨新版本導致了一些廣泛存在的錯誤或破壞了他們網站上的某些東西。

獲得新功能當然有價值,但穩定性也很有價值。 如果插件已經完成了您需要的所有操作,您可能只是希望它繼續保持良好狀態,而不添加可能會或可能不會在您的網站上引起問題的新功能。

所以這基本上是我的看法。 我不認為有一個單一的“正確”答案——這真的取決於你喜歡哪種方法。

如果你喜歡 Beaver Builder 的方法,你可以點擊下面的按鈕進入網站:

獲取海狸生成器

如果您希望查看其他選項,可以查看我們的最佳頁面構建器插件集合。 如果您想要最大的設計靈活性,我認為 Elementor(閱讀我們的評論)和 Divi Builder(閱讀我們的評論)是一些不錯的選擇。

要了解 Beaver Builder 如何與這些插件相提並論,您可以查看以下帖子:

  • Elementor Pro 與 Beaver Builder
  • Divi vs Beaver Builder

對 Beaver Builder 或我們的 Beaver Builder 評論還有任何疑問嗎? 發表評論,讓我們知道!