Beaver Builder WordPress插件指南和評論

[ad_1]

頁面構建器一直是WordPress社區的話題。這些工具已經流行了很長時間,但隨著新的塊編輯器的推出,許多人都想知道它們仍然具有相關性。

雖然塊編輯器是一個有趣的新功能,但在設計自定義頁面和帖子時,沒有什麼比頁面構建器插件更好的了。該 海狸生成器WordPress插件 是這種工具帶來的好處的完美例子 – 既易於使用又具有驚人的強大功能。

在這篇文章中,我們將仔細研究Beaver Builder。我們將討論其主要功能和定價,然後向您展示它的運作方式,以便您自己決定這是否是適合您網站的正確頁面構建器解決方案。

讓我們直接進入我們新的和改進的Beaver Build WordPress頁面構建器的更新指南!

為什麼你可能需要一個WordPress頁面生成器

除非你是平台的新手,否則你可能熟悉Classic WordPress編輯器:

經典的WordPress編輯器

雖然功能齊全,但它始終是一個簡單的系統。您的幾乎所有內容都已添加到單個欄位中,包括文本,媒體等。可以創建獨特的布局並添加很酷的功能,但通常需要編碼技術和/或一些額外的插件。

最近,WordPress開發人員推出了一個全新版本的編輯器,現在由Gutenberg提供支持:

WordPress古騰堡編輯

這種變化很長一段時間,但它也沒什麼特別新的。塊編輯器是頁面構建器的簡化版本 – 一段時間以來一直受WordPress用戶歡迎的解決方案。

每一個 WordPress頁面構建器 不同的是,在基本層面上,它們幾乎都基於相同的基本概念。它們為您提供了一系列預先構建的元素,使您能夠從這些元素中構建內容。即使您沒有設計或編碼經驗,我們的目標是使構建具有獨特布局和功能的內容變得更容易,更直觀。

但是,值得注意的是,塊編輯器功能非常有限。它允許您以更直觀的方式設計帖子和頁面,但提供了一個小的塊庫,並且對複雜的布局幾乎沒有支持。這就是為什麼它仍然值得研究你的其他頁面構建器選項 – 例如我們將在本文的其餘部分討論的插件。

海狸生成器基礎知識

WordPress的海狸生成器

查看演示了解更多和下載

Beaver Builder是最受歡迎的頁面構建器插件之一,並且有充分的理由。這對初學者來說很簡單,但有很多選擇。從根本上講,它是一個用於創建帖子和頁面的拖放系統 – 就像任何其他頁面構建器一樣。但是,它還提供了許多附加功能。

這個插件的一些主要功能包括:

  • 一個大型內容「模塊」庫,從基本選項(如文本和圖像模塊)到更高級的功能(呼籲採取行動,地圖和圖庫模塊等)。
  • 一個自定義編輯界面,使您可以構建頁面,帖子和 自定義帖子類型 在視覺上,立即查看您的更改。
  • 能夠創建複雜的多列布局並調整大小,間距等。
  • 預構建的部分和頁面模板,可讓您啟動設計過程,您可以根據需要進行修改。
  • 可以選擇創建和保存自己的模板供以後使用。
  • 為更高級的用戶添加自定義HTML和您自己的CSS類的選項。

當然,所有這些功能都需要付出代價。雖然有一個 Beaver Builder Lite 版本免費提供,它只提供一些基本模塊,不包括 許多核心功能 例如模板和導入/導出選項。但是,lite版本對於為此頁面構建器提供測試運行非常有用,並且可以查看您是否喜歡它的工作原理。

如果您計劃認真使用Beaver Builder,您將需要獲得高級許可證才能訪問完整的軟體包。起價為99美元,可在無限制的網站上使用,並提供一年的支持:

海狸生成器定價

這個特殊工具確實需要前期投資。不過,初期成本可以節省時間和長期更有效的網站,所以如果它在你的預算範圍內,那就不算壞。

如何開始使用Beaver Builder

當你想知道是否為你的網站選擇一個新的插件時,最好的辦法是學習你能做的一切。對於頁面構建器,這包括它們的外觀,工作方式以及它們提供的選項。

考慮到這一點,讓我們來看看選擇Beaver Builder的方式,並開始使用它來創建帖子和頁面。當然,您需要做的第一件事是安裝並激活插件。

此外,如果您購買了高級版本(我們將在本教程中使用),您將需要激活許可證密鑰。然後,你就可以開始工作了。

第1步:訪問Beaver Builder編輯器

安裝插件時,您會在儀錶板中看到一個新的Beaver Builder選項卡。這是您保存自定義內容的位置 – 例如,如果您創建自己的唯一模板。

您還可以通過轉到Beaver Builder>添加新建來使用頁面構建器創建內容。或者,您只需轉到「頁面」>「添加新」(或等效的帖子和自定義帖子類型)。你會看到一個新選項:

啟動海狸生成器

這意味著您可以在默認的WordPress編輯器或頁面構建器中創建內容。讓我們點擊Launch Beaver Builder按鈕:

海狸生成器頁面編輯器

如您所見,您將被帶到一個全新的界面。在這裡,您可以創建內容並準確查看頁面上的內容。

第2步:選擇一個起始模板

值得注意的是,如果您不想使用模板,則不必使用模板。您可以通過添加任何您喜歡的模塊完全從頭開始構建頁面和帖子。最簡單的學習方法是從模板開始,然而,這就是我們將在這裡展示的內容。

在編輯器右側的菜單中,選擇頂部的「模板」選項卡,您將看到許多選項。只需單擊模板或將其拖到頁面上,您就會看到完整版本:

海狸生成器模板

這為您提供了一個起始布局,以及佔位符文本和圖像。幸運的是,這裡的每個元素都可以隨意替換和修改,因此您可以創建一些獨特的網站。

第3步:編輯單個模塊

Beaver Builder編輯器中的每個元素都是一個獨立的模塊。要查看我們的意思,您可以將滑鼠懸停在起始模板上的一段文字,圖片或功能上。你會看到藍色的模塊,如果點擊它,你會看到一個新的菜單:

Beaver Builder模塊設置

這是該模塊的設置框。它包含所選內容的所有自定義選項。因此,它所包含的內容將取決於您正在使用的內容類型。

例如,Photo模塊允許您更改使用的文件,並添加標題和/或鏈接。您還可以切換到「樣式」選項卡以修改圖像的對齊方式,邊框等:

海狸生成器樣式設置

大多數模塊還具有「高級」選項卡,您可以在其中調整其邊距,使其僅在某些類型的設備上可見,添加自定義HTML等等:

Beaver Builder高級設置

如您所見,自定義Beaver Builder模塊非常簡單。熟悉每種模塊提供的選項需要一點經驗,但一旦你這樣做,你會發現自己很快就會添加自己的內容。

第4步:自定義內容的組織和布局

除了對單個模塊進行更改外,您還可以自定義頁面。其中一種方法是添加和刪除模塊。要添加模塊,只需從編輯器的主菜單中選擇一個模塊,然後將其拖到頁面上:

Beaver Builder聯繫表單模塊

另一方面,您可以通過點擊懸停在它們上方時出現的X來刪除模塊。您也可以上下或左右拖動模塊,以便隨意重新排列。

此外,您還可以更改頁面的整體布局。要查看此操作的示例,請將滑鼠懸停在模塊上,然後單擊「編輯列」>「列設置」:

海狸生成器列

在這裡,您可以找到與特定列中的所有模塊相關的選項。例如,您可以修改列的背景顏色和間距,甚至可以添加邊框。

現在將滑鼠懸停在頁面背景上,然後選擇右上角的「行設置」:

海狸生成器行

您將看到類似的菜單,但這次選項適用於相關的模塊行。您可以將行設置為固定或全寬,自定義顏色,並對列提供許多相同的更改。

最後,再次選擇編輯器的主菜單並導航到Rows選項卡:

海狸生成器列選項

您可以在此處向頁面添加新的行和列,從而使您可以顯著更改其布局。此外,如果您從頭開始創建頁面或發布帖子,這是您想要去的第一個地方。您可以先確定內容的布局,然後在任何位置添加模塊。

第5步:展開頁面構建器的功能集(可選)

值得注意的是,有 許多其他功能和選項 在Beaver Builder中 – 我們只是在這裡划了一眼。但是,我們已經完成了您需要了解的關鍵功能才能開始使用。之後,實踐方法是學習繩索的最佳方式。

但是,在結束之前,我們應該指出,有幾種方法可以從這個特定的頁面構建器中獲得更多。首先,有一位官員 海狸生成器主題,您可以通過前兩個許可層免費獲得:

海狸生成器框架主題

您可以將Beaver Builder用於您喜歡的任何主題。但是,這個是從頭開始構建的,與頁面構建器一起工作。它提供了一個基本框架,您可以將其劃分為許多不同類型和風格的網站。

還有一個可選的插件, 海狸Themer

海狸Themer Addon

使用此額外插件,您還可以在站點的頁眉和頁腳,存檔頁面,404和搜索頁面等上使用Beaver Builder的拖放頁面構建器。這使您可以使用相同的系統設計幾乎整個網站。

147美元可能不適合每個預算,但它對於您打算通過網站獲利的網站或在多個網站上工作的開發人員和設計人員來說是一個有用的補充。

為您的網站選擇頁面構建器是一項重大承諾。改變您創建和設計內容的方式可能會導致兼容性問題,因此最好從您知道長期使用的工具開始。

幸好, 海狸生成器 是初學者和更高級用戶的堅實選擇。另外,正如您在上面看到的那樣,它很容易上手。

你有沒有使用過Beaver Builder,你的經歷是什麼樣的?在下面的評論部分與我們分享!

相關文章