古騰堡與 WordPress 頁面構建器:彼此區分開來的主要區別
已發表: 2020-03-30在過去一年左右的時間裡,就在 WordPress 5.0 發布之後,關於 Gutenberg 的未來前景以及它如何與 WordPress 的常見傳統頁面構建器抗衡的爭論一直沒有結束。 一年半後,爭論仍在繼續。 隨著越來越多的人升級到 WordPress 5.0,他們開始質疑 Gutenberg 能否在頁面構建領域帶來革命性的變化。 它能否成為 Elementor、Divi 和 Beaver Builder 等傳統拖放構建器的理想替代品?
自 2017 年 6 月推出以來,Matt Mullenweg 將 Gutenberg 介紹為 WordPress 的終極和默認塊編輯器。 從那以後,對於它的用戶來說,使用它的體驗得到了不同的反應,在全世界都喜歡和不喜歡它的完美平衡。
剛開始時,Gutenberg 遇到了許多問題,例如無響應的塊、功能有限的功能緩慢等。但考慮到 WordPress 5.4 的最新版本,Gutenberg 目前似乎是一個強大的工具,具有快速響應的塊編輯機制。

但現在真正的問題是它是否仍然有機會對抗其他高級頁面構建器插件的免費版本,或者兩者之間是否有任何重大區別使它們與眾不同? 好吧,這樣的比較查詢現在和永遠都是不可避免的。
因此,在這篇文章中,我們試圖闡明 Gutenberg 與 WordPress 頁面構建器的一些基本差異,因此,如果您在理解兩者之間的適用性時感到困惑,那麼您可以做出正確的選擇更適合你的。
古騰堡與 WordPress 頁面構建器:主要區別
也許現在你們中的一些人已經在您的網站上同時使用 Gutenberg 和 WordPress 頁面構建器,甚至不知道它們的真正區別。 因此,您可能不知道使用這些有助於很好地組織您的網站的神奇工具的真正目的。 因此,該類別的人肯定會發現下面的差異比較很有趣。
在這裡,我們比較了每種工具的基本優點、缺點、建議等。 所以讓我們開始吧。
比較古騰堡與 WordPress 頁面構建器的主要產品

讓我們根據以下標準分析工具,例如:
塊和小部件
簡單的內容編輯塊是古騰堡的主要組成部分,這就是為什麼大多數人抱怨它的塊和功能的特性缺乏變體。 對於許多 Gutenberg 的默認塊而言,可能足以構成他們的日常內容元素,但對於更關鍵或更詳細的設計,這可能還不夠。 但是隨著最新的更新,列塊現在變得更加靈活,但並沒有掩蓋其塊設計選項中的不足。

另一方面,WordPress 頁面構建器附帶了廣泛的塊、小部件、附加組件等。 這使用戶可以自由地構建接近他們想像的所需頁面。 它還使用戶能夠使用其他高級元素,例如滑塊、輪播、並排比較、表格、號召性用語按鈕等。
編輯選項
在編輯頁面內容時,Gutenberg 主要作為其用戶的後端基於塊的編輯器。 儘管嘗試啟用其前端編輯選項,但它仍然無法為用戶提供頁面在前端的外觀。
儘管當您從後端的編輯器面板中隱藏其菜單和其他設置選項時,它在前端的視圖中給出了一個公平的想法。 但這仍然不是您正在編輯的網頁或帖子的實際插圖。 雖然一旦您預覽它,您就可以正確了解頁面發布或發布後內容的外觀。

而像 Elementor 這樣的 WordPress 頁面構建器具有實時編輯功能以及拖放頁面構建功能。 這意味著您將能夠實時查看頁面上所做的所有更改,以及移動小部件和其他可編輯功能的能力。
所做的任何調整都會在您眼前發生變化,而無需離開該頁面或保存它。 這使得編輯變得非常容易,因為您可以正確地進行位置或內容自定義所需的任何更正。
主題、擴展和兼容性

在使用 Gutenberg 時,您不能只是簡單地更改或調整 WordPress 主題或添加擴展以增強其可用性。 在您的整個用戶體驗中,它基本上保持不變並且處於空閒狀態。
儘管在使用 Gutenberg 時,主題的樣式保持不變,但是可以為其中的塊添加有限數量的 CSS 和自定義 CSS。 對於許多用戶來說,這有時會變得很無聊,因為他們沒有太多選擇可以改變或玩。
但在使用 Page Builder 的情況下並非如此。 您可以在其默認主題上自由使用許多流行的插件或擴展,以提高頁面構建的性能和可用性。
更重要的是,它們中的大多數都是完全兼容的,並且不會影響其原始性能。 此外,您甚至可以對其主題的樣式和設置進行顯著更改和更新。 因此,如果想要創建任何自定義頁面佈局,其廣泛的功能對用戶來說非常有用。
頁面格式和內容設計
從推出之日起,有限的頁面格式選項一直是 Gutenberg 的一個缺點。 它不允許添加塊的自定義寬度,而添加列寬的百分比是可能的。 此外,設計選項也不是那麼創新。 從它的傳統結構或顏色轉向另一種需要相當多的工作。

但是在內容的形成和設計方面,WordPress Page Builders 與 Gutenberg 相比總是領先一步。 格式化頁面或在其上設計頁面非常簡單、快捷且輕鬆。

其用戶友好的界面使用戶能夠比以往更簡單地進行任何類型的頁面調整,例如縮放、顏色、字體、自定義定位、元素轉換、填充。 雖然如果您正在設計的頁面很重,它可能會有點滯後也是事實。
響應能力和性能
如今,隨著現代技術的興起,大多數插件都採用響應式設計。 它在各種平台上對其進行測試,以確保其在所有平台上的性能基準。 因此,在這種情況下,古騰堡也不例外。 它已經在各種設備上測試了它的性能和響應能力,並在此基礎上進行了設計設置調整。
由於是一個輕量級工具,Gutenberg 到目前為止沒有表現出任何緩慢或性能滯後。 但由於越來越多的人使用移動設備訪問網站,因此保持類似的響應能力成為一項挑戰。 由於當前的設計非常簡單和基本,因此在某些部分缺乏響應式設計選項。

而頁面構建器也需要在設置中進行類似的安排,以保持其響應能力和性能。 但在大多數情況下,它的響應能力取決於其頁面和內容的大小。 為 WooCommerce 商店進行了 Gutenberg 和 WordPress Page Builder 之間的性能比較測試。
WooCommerce 插件已啟用,並且商店在所有站點上都設置了相同的產品。 儘管兩者在 WooCommerce 網站上的請求相似,但與所有頁面構建器相比,Gutenberg 的頁面加載時間更快。 這很可能因不同的插件而異,例如在這個單一供應商 WooCommerce 網站之上的多供應商市場。
主要發現和觀察

在分析了上面的比較之後,可以肯定地說,這兩個工具之間最重要的區別在於您如何看待它。 古騰堡通過將自己介紹為博客文章和頁面內容編輯器來簡單地感受到它的存在。
任何 WordPress 用戶都可以輕鬆使用它,即使他們沒有任何使用它的先驗知識。 從長遠來看,這將非常有利於它,因為大多數人都在尋找一個簡單且用戶友好的網頁構建平台。
另一方面,WordPress,頁面構建器是為希望構建具有更大視野和多功能性的頁面的用戶而構建的。 它適用於那些希望以插件形式添加許多廣泛功能和頁面內功能的用戶。 更不用說它大量的小部件和塊,它們提高了它的可用性並提供了足夠的設計選擇可供選擇。
那麼你應該選擇哪一個?為什麼?

現在從 Gutenberg 和 WordPress Page Builders 的上述細節來看,很明顯這兩種工具都可以用於許多好的但不同的用途。 因此,對於用戶來說,在他們的網站上使用它時,了解哪一個可以更好地幫助他們達到什麼目的變得至關重要。 因此,讓我們找出最適合用戶選擇或使用其中一種工具的地方。
如果滿足以下條件,古騰堡將是合適的: | 頁面構建器將適用於: |
您正在尋找使用表格、按鈕、單獨塊等準備的基本內容。 | 您需要完全控制內容的設計、樣式、填充、間距等。 |
您的頁面構建受限於單個佈局列,因為多個佈局列仍然不可靠並且需要改進。 | 您正在構建的頁面需要預先構建的小部件或插件來擴展附加功能 |
內容的完美對齊不是問題,您可以使用其基本對齊選項。 | 您需要完全自定義或創建與頁面構建器的默認主題或樣式不同的頁面設計。 |
您對內容的詳細樣式並不太感興趣,並且希望使用簡單的塊來為您完成這項工作。 | 您的頁面構建要求是具有靈活但更可靠的列佈局。 |
快速加載頁面是您正在尋找的,無需額外的 Javascript、CSS 或字體請求。 | 視覺上吸引人的頁面是您所擁有的,包括一個簡單的拖放功能來構建任何類型的網頁。 |
根據上表的比較和您的工作方式,您可以輕鬆確定哪一種更適合您的網站。
戰鬥繼續還是在這裡結束?
好吧,看看這些迷人工具中的每一個的當前前景和重新建立,爭論可能只會持續一段時間。 目前,在這方面的意見可能因人而異,具體取決於他們的需求,但從實際情況來看,這兩種工具都有改進的餘地。
老實說,可以說像 Elementor、Divi、Beaver builder 這樣的 WordPress 頁面構建器在滿足用戶頁面構建需求方面更加設計友好和靈活。

但這並不一定意味著古騰堡沒有機會與現代的 WordPress 頁面構建器競爭。 事實上,當用戶想要為他們的 WordPress 內容佈局提供一個輕量級的塊編輯工具時,Gutenberg 就成為他們所有人的自動選擇。
但它也確實沒有提供像 Elementor 這樣的頁面構建器所提供的那種控制。 更不用說擴展插件,如快樂插件、基本插件等,Elementor 允許其用戶使用以增強頁面構建體驗。 但是說了這麼多,如果你問我,那麼對於日常使用,古騰堡只是完成了你的工作,當然有幾個選項可以在未來進行改進。