嘗試在古騰堡(Gutenberg)和元素(Elementor)之間進行選擇?

作為 WordPress 的粉絲,您最近幾天可能聽說過這兩個名字一百次。也許使用它們來自定義和操作 WordPress 網站設計以及其他功能。在這種情況下,您已經熟悉他們的來龍去脈。但是,如果您有任何疑問,此博客將為您提供幫助。

但是,兩種產品都具有不同的獨特功能和自定義選項,以增強您的網站開發體驗。他們在發布新功能和使用戶的旅程更順暢方面一直非常積極。根據您的要求,它可能會迫使您選擇一種方法。

在此文章中,我們將比較古騰堡(Gutenberg)與元素(Elementor),以向您展示實際情況。我們將首先研究古騰堡(Gutenberg)和元素(Elementor)之間大部分相同的功能。之後,闡明相反的觀點,並探索不同之處。

準備開始了嗎?讓我們開始比較。

Gutenberg 與 Elementor 編輯器(真正的區別是什麼?)

gutenberg vs elementor

Gutenberg 是 WordPress 5 中引入的全新編輯器。以前,您需要在大型內容編輯器中編寫代碼。而且其中包含不同的內容類型有些麻煩。在古騰堡,一切都是區塊。通過使用單獨的塊類型,您可以輕鬆地將任何類型的內容包含到您的站點中。

古騰堡(Gutenberg)是WordPress邁出的重要一步。古騰堡使 WordPress能夠構建內容佈局,而不僅僅是撰寫文章。這是 WordPress 向更簡化的用戶體驗過渡的眾多轉變之一
Zack Katz 在 WordCamp Denver 2017 上的演講

另一方面,Elementor 是最受歡迎的網站頁面構建器,一夜之間就改變了 WordPress網站開發的概念。它使各種用戶都能開發功能強大的網站,而無需考慮其先前的技術知識。 

Elementor是一個WordPress頁面構建器,它已經席捲了WordPress網站設計。它具有最深的功能集,但是非常易於使用和掌握。Elementor是功能最齊全的免費頁面構建器。還有一個Pro附加組件可添加其他開發人員功能。
Adam,WPCrafter

古騰堡(GUTENBERG)在 WORDPRESS 中引入了更好的內容編輯器版本,以幫助用戶更靈活地創建帖子和頁面。而ELEMENTOR使每個人都無需知道任何代碼即可簡化整個WEB開發過程。

古騰堡如何使內容編輯器邁出第一步

古騰堡(Gutenberg)最著名的是塊編輯器,它改變了 WordPress 的編輯體驗。快速瀏覽其獨特的功能:

  • 古騰堡(Gutenberg)與手機完美兼容
  • 應用設計並比以前更快地完成不同的樣式
  • 向作家介紹更多功能,使博客撰寫更輕鬆
  • 允許用戶將諸如YouTube視頻,Facebook,Twitter帖子和 Instagram 圖片之類的覆蓋範圍內容立即嵌入到頁面中
  • 直接從下拉菜單中包含所需的塊
  • 從左上方菜單快速瀏覽內容結構

毫無疑問,這個新的塊編輯器增強了博客體驗,允許了許多新功能和新屬性。

Elementor 如何改變 WordPress Web 開發時代

讓我們看看將 Elementor 確立為 最受歡迎的網站構建 平台 之一的原因。

  • 豐富的模板庫可在數分鐘內構建出令人驚嘆的網站
  • 無需編碼即可開發功能強大的網站
  • 許多有用的小部件,幾乎涵蓋了所有類型的網站內容類型
  • 與其他流行的 WordPress 插件(例如WooCommerce,多供應商市場解決方案,WP ERP 等)無縫集成。
  • 活躍用戶的社區-準備共享最新新聞或解決查詢

在後台,此 WordPress 插件可讓您向WordPress內容添加高級樣式,佈局和設計元素。您只需使用可視化拖放編輯器即可完成所有操作。

古騰堡(Gutenberg vs Elementor):他們有什麼共同點嗎?

儘管仍然存在一些較大的差異,但古騰堡的行為與頁面構建器的行為比以前的WordPress TinyMCE 編輯器(又稱為經典編輯器)更相似。

首先,讓我們探討古騰堡(Gutenberg)和 Elementor 如何重疊。

1. Gutenberg 和 Elementor 都支持單獨的內容塊

使用舊的 WordPress 編輯器,您需要在一個大文本字段內編寫並將所有內容都包含在同一矩形位置。在同一帖子或頁面中添加不同類型的內容時,感覺很擁擠。

但是古騰堡(Gutenberg)引入了一種更好的方法,為每個單獨的內容提供單獨的內容區塊。例如,圖像是一個單獨的塊,一個段落或標題是一個單獨的塊,按鈕是一個單獨的塊,依此類推:

為每個單獨的內容提供單獨的塊
為每個單獨的內容提供單獨的內容區塊

另一方面,像 Elementor 這樣的頁面構建器也使用不同的術語處理類似的信念。在這裡,您將找到許多將特定內容類型引入設計的小部件。

也許,有大量帶有各種小部件的加載項可以擴展您的設計能力。即使使用大量的Gutenberg 塊插件,您也可以輕鬆擴展 Gutenberg 的默認塊集合。

因此,小部件可用性方面的差距比您預期的要小得多,並且隨著古騰堡(Gutenberg)的增長可能會繼續縮小。

2.靈活地創建自定義佈局

以前,使用舊的經典編輯器 創建自定義佈局非常複雜。例如,您需要使用簡碼向頁面添加多個列。

古騰堡通過顯然地改編頁面構建器功能來簡化這種方式。現在,您可以創建自己的自定義佈局,並添加新的列塊。它允許您將其他塊也嵌套在同一空間內。

Elementor Page Builder如何工作?
Elementor Page Builder如何工作?

Elementor 的目的是讓用戶自定義網站的每個細微細節。如上所述,此頁面構建器提供了大量的小部件,包括幾個設計選項。使用這些功能,您可以在最短的時間內輕鬆創建自定義 WordPress 佈局。

3.包括第三方加載項

當涉及到第三方插件時,Gutenberg 和 Elementor 都支持廣泛的插件,以擴展其核心功能

根據您的要求,您可以安裝外部插件來擴大 Gutenberg 部件列表。它將簡化WordPress 內部的工作程序。但是,使用 第三方 Gutenberg 擴展,您實際上可以更接近諸如 Elementor 之類的頁面構建器。另外,獲得更大的設計靈活性

古騰堡號(Gutenberg Vs. Elementor 頁面構建器

從上面的討論中,我們可以輕鬆地說出 Gutenberg 確實比 WordPress 經典編輯器更接近頁面構建器。儘管功能上有許多相似之處,但它們在開發階段仍會各自執行,並且具有不同的重點。

這兩個編輯器之間最大的區別是可以察覺的 Gutenberg 是 WordPress 中的默認內容編輯器,而 Elementor 是您需要在 WordPress 網站上安裝的第三方插件。

讓我們探索這兩者之間的更多區別:

1.後端與前端編輯器

古騰堡(Gutenberg)是後端編輯器。在更新內容時,它幾乎為您提供了與預覽內容時相同的概覽。但是,仍然可以可視化您需要單擊預覽按鈕的實際視圖。

另一方面,Elementor 具有前端編輯功能,因此您可以實時查看所做的更改而無需保存頁面。在您編輯頁面時,它可以立即為您提供頁面的真實預覽。

2.拖放功能

Gutenberg 和 Elementor 都具有拖放功能。但是古騰堡限制只允許您添加區塊並上下移動它們。在這裡,您不能調整其高度和寬度的大小,在其他塊內創建塊或使用列和行自定義復雜的佈局。但是您可以輕鬆地包含區塊並將其拖動到所需的任何位置。

但是,使用 Elementor,您確實可以走得更遠。它還使您可以靈活地拖放區塊/小部件。此外,您可以調整其高度和寬度,在其他區塊中添加區塊,甚至可以使用列設計複雜的佈局。

3.主題樣式兼容性

古騰堡(Gutenberg)不會覆蓋您的主題樣式和設置。您可以使用自定義 CSS 自定義塊,但頁面的整體外觀完全取決於您選擇的 WordPress 主題。

在 Elementor 內部,您還可以使用主題樣式。或者,您可以根據需要覆蓋主題的樣式。在這裡,您將完全控制設計佈局。因此,使用 Elementor 創建自定義頁面佈局將非常容易。

4.格式和样式選項

古騰堡(Gutenberg)塊提供了許多樣式和格式選項,以升級內容演示。除此之外,您可以為塊添加自己的自定義 CSS 來個性化設計。

另一方面,Elementor可讓您完全控制接管頁面並自定義所有元素。除了更改顏色或字體之類的基本設置外,它還允許您修改圖像樣式,更改背景顏色,應用漸變,調整元素大小等。

5.小部件和塊

古騰堡(Gutenberg)支持多種默認塊,可幫助您將所有常用內容類型添加到頁面或帖子中。您還可以保存這些塊,並在其他帖子上重用它們,甚至在其他 WordPress網站上也可以。

該塊編輯器具有強大的API,因此插件開發人員也可以創建自己的自定義塊。流行的WordPress插件帶有自己的Gutenberg塊,為您提供了額外的便利。

同樣,Elementor借助許多有用的小部件來幫助您無縫地設計網站。您可以使用預製模板或塊來立即自定義您的網站。此外,您可以選擇保存單個塊,行或整個模板,以備後用。

6.內容佈局與頁面設計

在古騰堡,您可以自由地以自己的方式自定義內容。儘管它使您可以使用列,表和全角封面圖像。但是頁面的核心佈局將保持不變。這意味著您無法更改頁面的整體外觀,包括頁眉,頁腳,側邊欄等。

但是,Elementor為您提供了突破主題佈局並以自己的方式賦予其獨特風格的靈活性。除了添加新內容,您還將為每個小部件和塊獲得一套不錯的設計選項。

古騰堡會取代 WordPress 頁面構建器嗎?

在使用古登堡(Gutenberg)作為默認編輯器啟動WordPress之後,人們想到的最大問題是- 區塊編輯器是否將取代頁面構建器?

好吧,這個答案在某種程度上將是棘手的。當前,這兩個編輯器都有不同的用戶群,並且各自操作。毫無疑問,Gutenberg 是比 WordPress 以前/現在擁有的更好的內容編輯器。但是我們不能說它是像 Elementor 這樣的頁面構建器的替代品。

因此,停止就該主題進行辯論,並進行建設性討論,以創建一個更好的在WordPress 中工作的空間。

古騰堡(Gutenberg)與元素(Elementor)之間的戰鬥將繼續,從某種意義上說,這對用戶是有益的。由於它會影響他們定期帶來有用的功能。

古騰堡出色的地方

如果您滿足以下條件,古騰堡是一個不錯的選擇:

  • 需要包括適合您主題的內容:正如您已經說過的那樣,古騰堡(Gutenberg)脫離了主題的默認樣式。因此,您的內容應與主題外觀完美契合。
  • 想要一個簡單的佈局:您可以保持簡單,對於更複雜的佈局,請使用任何第三方擴展。儘管匹配頁面構建器的佈局有些困難,因為Gutenberg沒有可視化的設計選項。而且您沒有資格調整單個塊的間距。

Elementor 出色的地方

如果您滿足以下條件,Elementor 是一個不錯的選擇:

  • 需要 完全對齊控制: Elementor 使您可以靈活地調整每個單個元素的位置。
  • 大量的設計和样式選項:您將找到一堆小部件以及一組單獨的設計選項來相應地自定義這些小部件。
  • 使您的內容適合移動設備:如今,很多人都通過移動設備瀏覽互聯網。因此,重要的是,您的網站可以在所有屏幕尺寸上無縫運行。

好消息是:您不必只選擇一個!

像其他頁面構建器一樣,Elementor 也與 Gutenberg 集成。這意味著您可以在網站上同時使用這兩個編輯器進行內容編輯,而不必在 Gutenberg 與 Elementor上競爭。這樣您就可以非常輕鬆地自定義頁面設計。另外,使用 WordPress 默認編輯器輕鬆更新頁面內容。

好消息是:您不必只選擇一個
好消息是:您不必只選擇一個

簡單的解決方案-在更有需要時使用 Gutenberg,或者在更有需要時使用 Elementor。

關於Gutenberg vs Elementor 的最終判決

討論古騰堡和 Elementor 就像比較美女。兩者都有明顯的優點而不是缺點。告訴哪個更好是非常困難的。如果古騰堡(Gutenberg)贏得了一個領域的專業知識,那麼 Elementor 將掌控另一部分靈活性。

古騰堡(Gutenberg)對那些不熟悉填充和邊距,想要一種簡單的方法來添加按鈕,表格和諸如此類的其他元素或打算將不同樣式應用於單獨的塊等的 WordPress 用戶來說是一種幸運。

而 Elementor 可讓您完全控制設計,格式,間距和其他內容。另外,您可以使用預構建的模板來減輕工作量。自定義主題的默認樣式並在幾分鐘內創建獨特的設計很容易。

因此,可以說在這場比賽中沒有明確的獲勝者。確實最好嘗試了解他們在特定領域的熟練程度!

我們希望本文能幫助您了解 Gutenberg 塊編輯器和 Elementor 頁面構建器之間的區別。儘管如此,如果您在這兩個編輯器之間選擇用於創建內容的問題或困難時,可以在下面的評論部分中共享它們。