古騰堡與 WordPress 頁面構建器

已發表: 2020-10-05

隨著 WordPress 5.0 的發布,WordPress 以 Gutenberg 的形式獲得了一個全新的塊編輯器。 它為使用內置塊佈局的內容創作帶來了全新的理念。 因此,許多人開始相信古騰堡是 WordPress 頁面構建器插件的替代品。 但是,它們之間存在巨大差異。

Gutenberg 非常強大,允許您使用漂亮的塊佈局創建內容。 但是,它無法與功能強大的 WordPress 頁面構建器插件相媲美。

在本文中,我們將比較 Gutenberg 與 WordPress 頁面構建器,以幫助您了解兩者之間的區別。

目錄

古騰堡與 WordPress 頁面構建器

Gutenberg 是 WordPress 的一個新的默認塊編輯器。 它使用內容塊來創建和排列頁面和帖子的元素。

雖然 WordPress 頁面構建器插件是拖放工具,但它允許您創建功能齊全的網站設計,而無需接觸任何代碼。

它們之間最大的區別在於,Gutenberg 內置在核心 WordPress 上,並且在您將 WordPress 版本升級到 5.0 後,它就是默認的內容編輯器。

另一方面,WordPress 頁面構建器是第三方 WordPress 插件,它甚至可以幫助非編碼人員和外行設計網站。

甚至 WordPress 核心團隊也沒有將 Gutenberg 稱為頁面構建器,而是將其稱為塊編輯器。 原因如下:

後端和前端編輯

Gutenberg 和 Page Builder Plugins 最大的區別在於後端和前端編輯。

Gutenberg Block Editor 沒有前端編輯功能。 您可以在後端編輯所有內容。 但是,它的工作原理與前端編輯相同,但您必須單擊預覽按鈕才能準確設計 Web 內容。

鑑於 WordPress 頁面構建器會在您編輯頁面時為您提供準確的頁面預覽。 您無需保存即可查看頁面在網站上的顯示方式。

古騰堡與 WordPress 頁面構建器
元素元素
古騰堡與 WordPress 頁面構建器
WPBakery 編輯器
古騰堡與 WordPress 頁面構建器
海狸生成器編輯器

前端編輯更好,因為您可以立即看到所做的更改。 這使得整個過程更快。

拖放功能

拖放功能使您的整個工作變得簡單易行,因為您可以輕鬆地重新排序或重新排列任何元素。

Gutenberg 帶有拖放過程,可以在編輯器中插入塊。 您需要搜索並單擊要添加的塊。 您可以使用導航箭頭上下移動塊,但不能調整它們的高度/寬度、添加內部塊或從行和列創建複雜的佈局。

古騰堡與 WordPress 頁面構建器

另一方面,WordPress 頁面構建器將提供完全的靈活性來控制佈局。 您可以在編輯器上拖放任何元素或小部件,配置高度和寬度,在元素內添加內部元素,甚至使用行和列選項創建複雜的佈局。

古騰堡與 WordPress 頁面構建器
Elementor:拖放
古騰堡與 WordPress 頁面構建器
WPBakery:拖放
古騰堡與 WordPress 頁面構建器
海狸生成器:拖放

格式和样式選項

這是頁面構建者在古騰堡塊編輯器上獲得完美推動的地方。

WordPress 在 Gutenberg 中提供了各種內置塊,它們具有自己的樣式和格式選項來自定義塊。 您可以為每個塊的文本和背景選擇合適的顏色。 此外,您可以為排版設置預設大小或自定義大小。 但是,這些選項非常有限。 要添加更多樣式和格式選項,您必須為塊添加自己的自定義 CSS。

另一方面,WordPress 頁面構建器提供了更多格式和样式選項來自定義小部件、列或整個頁面。 這些選項不是更改顏色或配置字體大小的基本選項。 您可以編輯幾乎所有內容,例如更改背景、使用漸變、圖像或視頻背景、選擇字體、行高、調整寬度、使用圖像等等。

Elementor:樣式和格式選項
Beaver Builder:樣式和格式選項

佈局功能

當您使用 Gutenberg 創建頁面或帖子時,您會受到主題佈局的限制。 您可以根據需要自定義內容塊,但核心佈局(頁眉、頁腳、側邊欄和頁面的整體外觀)將與您的 WordPress 主題保持相同。

同時,WordPress 頁面構建器將允許您打破 WordPress 主題的佈局並創建自己的創意和獨特頁面。 它們提供對整個頁面佈局的完全控制。

簡而言之,古騰堡提供的所有樣式和自定義選項僅適用於其博客。

而 WordPress 頁面構建器將允許您使用樣式和自定義構建靈活的佈局。

主題風格兼容性

Gutenberg 很大程度上依賴於您的 WordPress 主題的設計,並且不會覆蓋這些樣式。 您可以添加自定義 CSS 來自定義您的整體塊,但您的頁面外觀將與主題提供的相同。

雖然 WordPress 頁面構建器插件可以與您的 WordPress 主題一起使用,但並不依賴於它們的設計。 它們帶有完全接管頁面並覆蓋樣式的選項。 如果您想創建自定義頁面佈局,這將非常有用。

塊和小部件

Gutenberg 帶有一組內置塊,涵蓋了內容創建的常用元素。 您可以在其他帖子甚至其他 WordPress 網站上保存和重複使用這些塊。

Gutenberg 有一個強大的 API 密鑰,允許插件開發人員創建自己的博客集或將他們的 WordPress 插件與編輯器集成。

WordPress 頁面構建器帶有大量的塊、模塊和小部件。 它們提供高級內容元素,包括邊欄、輪播、號召性用語按鈕、聯繫表格、倒數計時器等。您可以保存單個行、列甚至整個模板以供以後使用。

元素元素
WPBakery 元素
海狸生成器元素

Elementor、Beaver Builder、WPBakery、Divi 等流行的頁面構建器也有自己的 API,允許開發人員創建插件/擴展。

第三方加載項和擴展

談到第三方插件和擴展,Gutenberg 和 WordPress 頁面構建器都有相當多的可用擴展插件。

使用 Gutenberg,許多開發人員構建了很棒的 Gutenberg 塊插件。

對於頁面構建器,許多頁面構建器都包含一個 API,允許開發人員為頁面構建器構建 3rd 方插件。

Gutenberg 會取代 WordPress Page Builder 插件嗎?

在目前的形式中,Gutenberg 不是 Page Builders 的替代品。 頁面構建器提供了強大的功能,可以用您的 WordPress 網站做幾乎所有事情。 雖然古騰堡仍處於早期階段。 如果您查看 WordPress 路線圖,您肯定會看到 WordPress 計劃讓塊編輯器更加強大。 但古騰堡似乎不會接管頁面建設者。