古騰堡vs WordPress頁面構建器


隨著越來越多的用戶升級到WordPress 5.0,我們多次被問到新的WordPress塊編輯器Gutenberg是否打算替代拖放式WordPress頁面構建器插件。

全新的WordPress區塊編輯器功能強大,可讓您構建漂亮的內容佈局。 但是,它與功能強大的頁面構建器插件不匹配。

在本文中,我們將比較古騰堡和WordPress頁面構建器插件,以幫助您了解真正的區別。 我們還將分享古騰堡(Gutenberg)的未來路線圖,以幫助您了解未來的變化。

古騰堡與Page Builder插件

古騰堡vs WordPress頁面構建器插件(解釋)

Gutenberg是新的默認WordPress編輯器。 它使用塊添加和排列帖子和頁面的內容元素,因此使用名稱塊編輯器。

新的WordPress編輯器稱為Gutenberg

由於Gutenberg允許您輕鬆添加自定義內容樣式和拖放元素,因此很容易混淆並開始將其稱為頁面構建器。

但這還遠未到(至少現在還沒有)。

WordPress頁面構建器插件是拖放設計工具,可讓您無需編寫任何代碼即可創建完全自定義的網站設計。

使用Beaver Builder最佳頁面生成器插件創建頁面

頂級WordPress頁面構建器(例如Beaver Builder,Divi和Visual Composer)的功能要強大得多。 它們帶有現成的模板,您可以使用它們,並且比Gutenberg提供更多的設計靈活性。

讓我們更深入地了解Gutenberg與Page Builders之間的區別,以更好地理解。

古騰堡和WordPress Page Builder插件之間的7個主要區別

最大的不同是Gutenberg是默認的WordPress編輯器,並且是WordPress內置的。 另一方面,頁面構建器插件由第三方開發人員創建和支持。

WordPress.org團隊沒有將古騰堡稱為頁面生成器。 取而代之的是,他們稱其為塊編輯器,並且以一種現代的方式在WordPress中編輯內容。

這有很大的原因,當您閱讀兩者之間的差異時,它將變得非常清楚。

1.拖放功能

Gutenberg不是拖放頁面生成器(至少不是當前形式)。 您可以添加塊並上下移動它們,但不能調整其寬度/高度,也不能在其他塊內添加塊,也不能使用列和行創建複雜的佈局。

另一方面,頁面構建器允許您拖放塊/小部件,調整其高度和寬度,甚至創建列並在其他塊內添加塊。

嵌套的塊,行和列

2.主題支持和兼容性

古騰堡(Gutenberg)嚴重依賴您的WordPress主題樣式。 它確實添加了一些自己的CSS,甚至允許您為塊添加自定義CSS,但不會覆蓋您的主題樣式和設置。

雖然頁面構建器插件可以使用您的主題樣式,但是它們還為您提供了完全接管頁面並覆蓋主題樣式的選項。 如果要創建自定義頁面佈局,這將非常有用。

3.實時編輯與後端編輯器

當您在古騰堡(Gutenberg)中編輯帖子或頁面時,在屏幕上看到的不是您的實際帖子或頁面的實時預覽。 古騰堡(Gutenberg)是後端編輯器,它盡其所能描繪預覽時內容的外觀。

另一方面,頁面構建器插件可在您編輯頁面時為您提供頁面的實際實時預覽。 您可以準確地看到不保存頁面的外觀。

使用實時預覽編輯頁面

4.內容佈局與頁面設計

古騰堡(Gutenberg)塊使您可以自由地創建內容佈局,但是它們非常有限。 您可以使用列,表格和全角封面圖像。

頁面構建器更加靈活。 您不僅可以添加內容,還可以更改整個頁面佈局。 他們為每個小部件和塊提供了更多的設計選項。

使用頁面構建器創建頁面設計

5.小部件和塊

古騰堡(Gutenberg)隨附了一組不錯的默認塊,涵蓋了所有常用的內容元素。 您還可以在其他帖子甚至其他WordPress網站上保存和重用塊。

它具有強大的API,允許插件開發人員也創建自己的塊。 所有頂級WordPress插件已經具有自己的古騰堡塊,您可以使用。

古騰堡塊

頁面構建器帶有更多的塊,模塊和小部件。 它們提供了高級內容元素,包括輪播,滑塊,號召性用語按鈕,聯繫表單,倒數計時器等。 您還可以保存單個塊,行或整個模板,以供以後重複使用。

Beaver Builder中的內容模塊

流行的頁面構建器還具有自己的API,允許其他開發人員進行擴展和阻止。 例如,Beaver Builder的Ultimate Addons包和Divi Page Builder的Divi Monk。

6.格式和样式選項

古騰堡(Gutenberg)中的塊具有自己的樣式和格式選項。 但是,這些選項是有限的。 要獲得更多的樣式和格式,您必須為塊添加自己的自定義CSS。

樣式選項

另一方面,Page Builders提供了更多的樣式選項。 您可以更改塊的背景顏色,使用漸變,使用字體圖標,選擇字體,行高,調整元素的寬度,使用圖像上的樣式等等。

7.範圍

將Gutenberg添加到WordPress的目的是為用戶提供現代的書寫體驗。 它旨在供包括博客作者,作家,攝影師和企業在內的所有人使用。

頁面構建器插件提供了可視化的拖放界面來設計整個頁面。 它們旨在供小型企業,有抱負的設計師,WordPress代理商,電子商務商店等使用。

古騰堡(Gutenberg)可以幫助您創建更好的內容,而頁面構建器插件可以幫助您創建更好的目標頁面,從而幫助您增加銷售,增加訂戶和發展業務。

古騰堡能否或將取代WordPress頁面構建器?

以目前的形式,Gutenberg只是一個比WordPress更好的內容編輯器。 它不能替代功能強大的WordPress頁面構建器插件。

話雖如此,這是WordPress路線圖中將Gutenberg的功能擴展到網站的更多區域的功能,例如菜單,小部件,甚至是定製程序。

我們將不得不拭目以待,看看改進是否可以確定古騰堡是否會關閉功能強大的WordPress頁面構建器插件。

與Gutenberg一起使用哪個Page Builder插件?

所有頂級WordPress頁面構建器插件都可以與WordPress 5.0和新的Gutenberg編輯器一起很好地工作。 您可以查看我們精選的最佳WordPress頁面構建器插件,以及它們如何相互疊加。

如果您正在建立一個小型企業網站並且幾乎沒有技術技能,那麼我們建議使用Beaver Builder。 它是最適合初學者的WordPress頁面構建器,並且具有許多功能。

我們的第二選擇是Divi。 它易於使用,可讓您訪問許多模板,模塊和龐大的用戶社區。

我們希望本文能幫助您了解古騰堡塊編輯器和WordPress頁面構建器插件之間的區別。 您可能還想看看我們的指南,以如何根據預算來增加您的網站。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。