Gutenberg和Elementor:兩個WordPress頁面構建工具的主要區別

Gutenberg和Elementor:兩個WordPress頁面構建工具的主要區別

Gutenberg 與 Elementor:如何正確地選擇?這取決於您希望從 WordPress 頁面生成器中獲得哪些功能。

我們將解釋 Gutenberg 和 Elementor 的基本原理,然後對兩者進行直接比較。

以下是我們根據多年的使用經驗和嚴格的測試,深入瞭解 Gutenberg 和 Elementor 之間的比較。

什麼是古騰堡?

古騰堡是預設的 WordPress 頁面生成器。它於 2018 年推出,取代了現在所謂的 “經典” WordPress 編輯器,後者是最初的富文字/HTML 內容編輯器,沒有任何拖放功能。

Gutenberg 實際上是對包括 ElementorDivi 和 Visual Composer 在內的一大波第三方頁面生成器外掛的迴應,這些外掛的出現都是為了取代經典編輯器。

從功能角度來看,Gutenberg 提供了一個易於訪問的 “區塊” 庫,用於將內容元素拖放到頁面和帖子上。

古騰堡中的區塊選項卡

古騰堡中的區塊選項卡

Gutenberg 配備了近 100 個內容區塊,其中一些區塊允許整合和嵌入 Twitter、Reddit 和亞馬遜 Kindle 等第三方服務。還可以建立動態區塊,自動更新塊內容。一些古騰堡區塊示例包括

  • 段落
  • 標題
  • 表格
  • 圖片
  • 相簿
  • 視訊
  • 按鈕
  • 日曆
  • 自定義 HTML
  • 最新文章

大多數 WordPress 主題都能很好地與 Gutenberg 配合使用(現在基本上都需要)。

Gutenberg 介面將頁面或文章內容置於中心位置,並在可能的情況下呈現內容(如顯示錶單或按鈕)。這是對經典編輯器的重大升級,因為 Gutenberg 在提供視覺化使用者體驗的同時,還支援快速標記編輯。如果需要,還可以直接訪問 CSS 和 HTML 的自定義編碼部分。

每個區塊都有自己的一長串設定,Gutenberg 的快速麵板可以對文件和區塊設定(如 alt 標記、背景顏色和評論稽覈)進行強大的控制。

什麼是 Elementor?

Elementor 是一款頁面生成器,與 Gutenberg 非常相似。不過,Elementor 早於 Gutenberg,它是第三方頁面生成器應用程式之一,最終促成了 WordPress 預設頁面生成器的誕生。

Elementor 於 2016 年推出,因其完全視覺化的網頁設計介面時尚的入門模板(可隨時匯入)以及拖放式內容模組而深受 WordPress 設計師的喜愛。

Elementor

Elementor

Elementor 和 Gutenberg 之間最明顯的區別之一是,Elementor 並非內建在 WordPress 中。它是由另一家公司製作的,所以你必須安裝它的免費外掛(也有高階版本)。

你還會注意到,Elementor 有獨特的功能名稱。在 Gutenberg 中被稱為 “塊 “的功能在 Elementor 中被稱為 “小部件”。說到這一點,Elementor 擁有 100 多個這樣的內容小部件。

Elementor 內容小部件示例:

  • 文章
  • 文字編輯器
  • 標題
  • 圖片
  • 文字
  • 引薦
  • 切換
  • 進度條

許多小工具可以在 WordPress 網站和第三方應用程式(如 Stripe、Facebook 和 Sound Cloud)之間建立整合。

總之,Elementor 是頂級 WordPress 頁面構建工具之一,擁有一個充滿活力的開發者和使用者社羣。它的視覺化、拖放式介面無可匹敵,你可以獲得數百個設計模板,而且所有編輯都是實時完成的。

除了專業的 WooCommerce 小工具以及用於登陸頁面和表單的營銷工具外,Elementor 仍然是網站建設領域的巨無霸,這一點在比較 Gutenberg 與 Elementor 時顯而易見。

古騰堡與Elementor的比較

我們將從功能、使用者介面、價格等方面對 Gutenberg 和 Elementor 進行比較。經過我們的評測,您將更清楚地瞭解哪種頁面生成器更適合您的需求。

  1. 主要功能
  2. 使用者介面對比
  3. 兩者對效能和頁面速度的影響
  4. 定價策略差異
  5. 兩者與主題和外掛的相容性
  6. 後臺編輯與前臺編輯對比
  7. 客戶支援對比

主要功能

在本節中,我們將挑選出我們認為頁面生成器的 “關鍵” 功能,然後在每個類別中比較 Gutenberg 和 Elementor。

拖放功能與編碼:古騰堡與 Elementor

頁面構建工具的問題在於,它們往往在介面上充斥著視覺化建立工具,而將程式碼編輯等更高階的功能拒之門外。

我們更喜歡看到二者的結合,初學者有一個易於訪問的光滑拖放介面,而高階使用者則可以使用 CSS,無需四處尋找正確的欄位。

Gutenberg 的拖放功能簡單明瞭,沒有延遲。只需花一點時間搜尋內容塊,然後拖動或點選並插入到內容中。然後,區塊設定就會出現,供使用者自定義。

有幾十個內容區塊可供選擇

有幾十個內容區塊可供選擇

它的一個缺點是,拖動當前放置的區塊時,必須先選擇一個區塊,然後點選並按住一個拖動小圖示。這就要求點選時要精確,而其他頁面生成器則不需要。

使用拖動圖示移動區塊

使用拖動圖示移動區塊

說到編碼,Gutenberg 的程式碼編輯器很容易找到。

程式碼編輯器易於訪問

程式碼編輯器易於訪問

使用者在使用預製區塊時,發現塊會弄亂他們的程式碼,而且很難使用,這就要求開發人員製作幾十個自定義塊。

儘管有這樣的抱怨,但頁面生成器對編碼人員來說已經有所改進,而且工具也確實存在,只是學習曲線可能比經典編輯器更陡峭。

你甚至可以直接在 Gutenberg 中的 “區塊” 選項卡中新增 HTML 錨點和額外的 CSS 類,而以前則需要在經典編輯器的 HTML 選項卡中進行繁瑣的操作。

調整 HTML 錨點和 CSS 類

調整 HTML 錨點和 CSS 類

Elementor 還提供拖放功能。它可與大多數 WordPress 主題配合使用,並提供一個可快速插入任何頁面的塊庫。

基本區塊列表

基本區塊列表

由於 Elementor 使用半自動生成的網格系統,因此可以在頁面的大部分割槽域放置小部件。

將按鈕區塊拖入編輯器

將按鈕區塊拖入編輯器

在 Elementor 中,移動之前放置的內容區塊比在 Gutenberg 中更容易。只需點選並按住內容區塊的任意位置即可移動它。

點選並拖動即可移動任何區塊

點選並拖動即可移動任何區塊

插入或選擇一個內容部件,就會顯示該部件的內容、樣式和高階設定。至於編碼,它通過許多塊設定進行了簡化。比如你可以在 widget 或頁面設定中直接新增 HTML 錨點、屬性和自定義 CSS

輕鬆插入自定義 CSS

輕鬆插入自定義 CSS

Elementor 還提供 HTML 程式碼小工具,用於在網頁中插入任何自定義編碼。

您可以使用 HTML 程式碼框進行定製

您可以使用 HTML 程式碼框進行定製

總的來說,Elementor 的拖放功能強於 Gutenberg。不過,在這兩種頁面生成器中,自定義編碼選項的可訪問性是一樣的。

模板(用於網站、區塊、頁面、彈出式視窗等)

頁面生成器模板允許開發人員以極快的速度構建網站。使用模板,您可以從專業網站或頁面設計開始,而無需從頭開始。

許多網頁製作工具都提供預製模板,用於:

  • 完整網站
  • 頁面
  • 部落格文章
  • 頁面部分
  • 內容區塊
  • 頁首
  • 頁尾
  • 登陸頁面
  • 更多

Gutenberg 嚴重缺乏預製模板。樣板選項卡提供了有用的部分模板,但僅此而已。

樣板選項卡

樣板選項卡

不過,也可以安裝第三方外掛,為網頁和完整網站提供啟動模板。GutentorTwentigOtter Blocks 等外掛都符合要求。

另一方面,Elementor 在其主題生成器中提供了數百個啟動模板

Elementor 的模板包括:

  • 頁首
  • 頁尾
  • 單個頁面
  • 單個文章
  • 檔案
  • 搜尋結果頁面
  • 產品頁面
  • 產品檔案
  • 404 頁面

來自 Elementor 的各種主題生成器元素

來自 Elementor 的各種主題生成器元素

Elementor 的幾乎所有模板都需要高階訂閱,但價格實惠,而且比 Gutenberg 提供的更好。

版式

Gutenberg 中的版式功能允許在右側塊面板上進行快速定製–在選擇要編輯的任何區塊之後。

在古騰堡中設計圖片樣式

在古騰堡中設計圖片樣式

與 Elementor 中的設定相比,樣式設定非常簡單,但基本要素幾乎都有,例如更改圖片邊框和尺寸的選項,或段落區塊的顏色、排版和邊距設定。

除了所有區塊的自定義 CSS 外,點選區塊時還會發現一個懸浮工具欄。本部分提供文字樣式、HTML 編輯、樣式複製和複製功能。

懸浮工具欄

懸浮工具欄

Elementor 中的樣式設定包含在選中小工具時的三個選項卡中。調整圖片和文字大小的內容設定,然後跳轉到高階區域,從懸停動畫到 CSS 濾鏡和遮罩,再到變換效果,應有盡有。

調整任何選定區塊的樣式

調整任何選定區塊的樣式

毫無疑問,Elementor 比 Gutenberg 擁有更強大的樣式工具集合。不過,對於那些追求簡潔的使用者來說,Gutenberg 提供的樣式功能會讓他們感到賓至如歸。

內容區塊/小工具

Gutenberg 配備了 90 多個內容區塊。Elementor 提供了 100 多個。

以下是 Gutenberg 區塊的類別:

  • 文字
  • 媒體
  • 設計
  • 小工具
  • 主題嵌入

你可以獲得所有基本元素(段落、圖片和按鈕塊),以及一些獨特的元素,如 Speaker Deck、Kickstarter、Query Loops、Verse、Time To Read 等。

Elementor 還對內容小工具進行了分類:

  • 基本
  • 專業版
  • 通用型
  • 網站
  • WooCommerce
  • WordPress

這些分類並不是最有用的,但至少它們以某種方式組織起來了。

提供了標準的內容小部件,如分隔線、部分和標題。此外,還有谷歌地圖、程式碼集錦、WooCommerce 產品資料等獨特的小工具。

更高階的元素包括產品圖片、產品元和追加銷售

更高階的元素包括產品圖片、產品元和追加銷售

我們的結論是,Gutenberg 能更好地組織和解釋其內容區塊,但 Elementor 提供的區塊(小部件)數量更多,設定也更強大。

WooCommerce支援

WooCommerce 是一個第三方外掛,可將任何 WordPress 網站變成一個線上商店。與頁面生成器搭配使用時,您通常會收到 WooCommerce 區塊,以便對購物車、產品頁面等進行更多定製。

Gutenberg 也不例外。一旦安裝了 WooCommerce,就會出現無數的 Gutenberg 塊,用於加強 WooCommerce 商店的設計。這裡有產品搜尋區塊、顯示活動過濾器的選項以及顯示最暢銷產品的方法。我們統計了 26 個 Gutenberg/WooCommerce 塊,還有幾個第三方外掛可以擴充套件這個列表。

WooCommerce 區塊

WooCommerce 區塊

Elementor 與 WooCommerce 也有很好的配合,但這是有代價的。你必須訂閱 Elementor Pro,才能解鎖任何 WooCommerce 內容小部件或頁面模板。儘管如此,Elementor Pro 的價格還是很實惠的,而且其區塊提供的樣式工具比 Gutenberg 中的任何工具都要強大。

在撰寫本文時,Elementor 提供了 20 個 WooCommerce 塊。其中包括 “產品圖片”、”新增到購物車” 按鈕、”產品評價” 和 “產品相簿”。

額外的 WooCommerce 區塊,如選單購物車和產品標題

額外的 WooCommerce 區塊,如選單購物車和產品標題

甚至還有一些獨特的小工具,如 Upsells 和 Product Meta Data。

整合

重要的是不要混淆整合和相容性。我們將在本文中進一步介紹主題和外掛的相容性,但整合更像是與其他應用程式、平臺和軟體的連結,資料從頁面生成器傳送或接收到這些應用程式、平臺和軟體。

例如,與 Facebook 的整合可能會顯示一個按鈕,讓人們關注你的頁面,或者顯示你最近在 Facebook 上釋出的帖子列表。

Gutenberg 有一個簡短的直接整合列表,主要是使用區塊從外部來源獲取內容。

下面是 Gutenberg 目前的 32 個整合:

  • Openverse
  • Twitter
  • YouTube
  • WordPress
  • SoundCloud
  • Spotify
  • Crowdsignal
  • Dailymotion
  • Imgur
  • Issue
  • Kickstarter
  • Amazon Kindle
  • Pinterest
  • Reddit
  • Slideshare

從媒體平臺到社交網站,Elementor 擁有強大的整合列表。

以下是 Elementor 40 多個整合中的一部分:

  • PayPal
  • Facebook (for comments, embeds, pages, and buttons)
  • YouTube
  • Vimeo
  • Google Maps
  • SoundCloud
  • MailChimp
  • ActiveCampaign
  • ConvertKit
  • HubSpot
  • Zapier
  • Discord
  • Custom icon libraries
  • Slack
  • ReCaptcha
  • Drip

兩者都有值得稱道的整合,但 Elementor 的整合似乎更強大、更豐富。在 Elementor 中,你可以接入著名的電子郵件營銷提供商,通過支付處理器進行銷售,還可以連線客戶關係管理軟體。而 Gutenberg 則更注重與媒體庫和社交網站的連結。

使用者介面對比

開始使用 Gutenberg 就像使用 WordPress 本身一樣直觀。這是因為 Gutenberg 自動內建於 WordPress 的儀表板中。無需安裝外掛或附加元件。只需開啟頁面或文章編輯器,Gutenberg 就會開始工作。

通過搜尋欄或在編輯器中新增區塊

通過搜尋欄或在編輯器中新增區塊

通過點選散佈在編輯器各處的多個 “+”(新增區塊)按鈕之一,即可搜尋和插入區塊。它提供了一個搜尋欄,以及區塊樣板媒體等多個選項卡。你甚至會注意到,Gutenberg 與流行的知識共享(Creative Commons)圖片提供商整合,可以免費找到合適的圖片。

快速的內容建立使 Gutenberg 成為博主和所有線上釋出者的最佳頁面構建工具之一。您可以直接在編輯器中編寫內容,並利用標記和鍵盤快捷鍵快速插入標題、連結和圖片等元素。

更不用說,Gutenberg 還整合了大量其他第三方文字編輯器,你也可以將其他程式中的內容直接複製到 Gutenberg 中(無需二次上傳圖片或調整格式)。

頁面選項卡提供了釋出和以頁面為重點的設定,如特色圖片、摘錄和評論工具。

特色圖片選項卡

特色圖片選項卡

調整面向區塊的設定也很容易。只需點選 “區塊” 選項卡。這將開啟所選區塊的獨特自定義功能。例如,圖片區塊會顯示從 Alt 文字欄位到圖片尺寸設定的所有內容。您還可以在這裡新增 CSS 標記HTML 錨點標題屬性

使用 "區塊" 選項卡訪問區塊的所有設定

使用 “區塊” 選項卡訪問區塊的所有設定

說到易用性,Elementor 在直觀性方面並不陌生。不過,學習曲線還是有的,這主要是由於它提供了一系列強大的功能。

在編輯器中,你會收到一個頁面前端的複製品。每個 Elementor 內容部件都可以從庫中拖動或編輯。

分類 Elementor 元素

分類 Elementor 元素

雖然分類缺乏有用的名稱,但你可以在 BasicProGeneralSiteWooCommerceWordPress 下找到小工具。還有一個 “收藏夾” 面板,用於儲存自定義小工具,以備日後使用。

Elementor 真正的易用性來自其基於網格的編輯器,它允許你將元素拖放到頁面上的任意位置。不僅如此,你還可以拖動整個版塊,刪除版塊,或在編輯器中點選新增版塊。

將區塊拖動到另一個位置

將區塊拖動到另一個位置

我們還可以快速訪問區塊和模板庫。儲存自定義模板以供日後使用,或利用專業設計的區塊和頁面模板。其中很多都是針對特定情況的,比如你需要一個 404 頁面或一個自定義的 WooCommerce 購物車。

這只是通過 Elementor 提供的區塊中的一小部分

這只是通過 Elementor 提供的區塊中的一小部分

Elementor 介面的主要缺點是其第三方性質。你必須安裝一個外掛才能讓它在 WordPress 上啟用。即便如此,你還必須點選 “使用 Elementor 編輯” 按鈕,因為從技術上講,Gutenberg 仍然安裝在後臺。

總的來說,Gutenberg 介面更容易掌握,但沒有什麼比使用 Elementor 更好的了。它使用起來流暢、有趣,一旦你掌握了竅門,它的功能遠遠超過 Gutenberg。

兩者對效能和頁面速度的影響

網頁製作工具提供了大量功能。這可能會導致一組笨重的工具與外掛和主題衝突,也會影響頁面速度。從使用者評論來看,如果使用適當的優化工具和快速的主機,Elementor 和 Gutenberg 的表現似乎還不錯。

在我們的測試中,我們將 Gutenberg 和 Elementor 分別安裝在我們所知的高效能 CDN 伺服器上。我們還使用了相同的主題和演示內容,以使測試儘可能平等。我們在兩次測試中都使用了相同的伺服器位置(愛荷華州),並安裝了兩個常用外掛(WooCommerce 和 Yoast SEO),以瞭解頁面生成器在實際環境中的響應情況。

以下是使用 PingdomGoogle PageSpeed Insights 得出的結果:

古騰堡頁面速度測試

  • Pingdom 效能得分:92(舊金山測試伺服器)
  • 頁面大小:905.2 KB
  • 載入時間:1.32 秒
  • 請求數:19

我們在倫敦的測試伺服器上進行了同樣的測試:

  • Pingdom 效能得分:92
  • 頁面大小:905.8 KB
  • 載入時間:1.50 s
  • 請求數:19

以下是 Google PageSpeed Insights 的結果:

  • 桌面效能:99
  • 桌面可訪問性:100
  • 桌面最佳實踐:92
  • 桌面搜尋引擎優化:67
  • 移動效能:93
  • 移動可訪問性:100
  • 移動最佳實踐:92
  • 移動搜尋引擎優化:71

Elementor 網頁速度測試

  • Pingdom 效能得分:88(舊金山測試伺服器)
  • 頁面大小:2.5 MB
  • 載入時間:1.93 秒
  • 請求數:48

以及倫敦測試伺服器的結果:

  • Pingdom 效能得分:87
  • 頁面大小:2.5 MB
  • 載入時間:1.97s
  • 請求數:48

來自 Google PageSpeed Insights 的結果:

  • 桌面效能:94
  • 桌面可訪問性:100
  • 桌面最佳實踐:92
  • 桌面搜尋引擎優化:67
  • 移動效能:81
  • 移動可訪問性:100
  • 移動最佳實踐:92
  • 移動搜尋引擎優化:71

Gutenberg 的效能得分幾乎總是更高,頁面大小更小,載入時間更快,請求更少。不過,這可能是因為 Elementor 有更先進的區塊設計,而 Gutenberg 在技術上總是與 Elementor 同時安裝,所以你需要同時執行兩個頁面生成器,可能會降低網站的速度。

無論如何,兩者都能提供高速度。要保持可接受的頁面速度,最重要的是選擇有 CDN 支援的託管主機。

定價策略差異

你可以免費獲得 Gutenberg 和 Elementor。兩者的主要區別在於,Gutenberg 是完全免費的,而且是永久免費。Elementor 提供強大的免費版頁面生成器,併為對更高階功能感興趣的使用者提供多種升級和附加元件。

Gutenberg價格

免費,因為它是 WordPress 編輯器,預設內建在 WordPress 中。

Elementor價格

Elementor 品牌還提供其他產品和服務,但為了便於比較,我們只對其頁面生成器外掛進行定價。

  • 免費計劃:0 美元可獲得 40 多個免費部件、拖放功能和開發人員 API
  • Essential 計劃:每年 59 美元,支援 1 個網站,提供 100 多個小工具、300 多個模板、拖放式主題生成器、WooCommerce 商店生成器、登陸頁面生成器、營銷工具、彈出視窗生成器和高階支援
  • Expert 計劃:每年 199 美元,支援 25 個網站,並獲得基本計劃中提及的所有功能
  • Agency 計劃:每年 399 美元,可獲得前述計劃中提及的所有功能,但可支援 1,000 個網站

初看起來,”永久免費” 的外掛(如 Gutenberg)似乎是最划算的。但是,Elementor 的免費版本包含了足夠多的工具,可以滿足多種型別專案的需求,而且他們的高階計劃價格合理。

我們認為 Elementor 比 Gutenberg 更划算,因為它是比 Gutenberg 更精簡、更強大的頁面生成器,而且你還可以免費獲得許多功能。但如果你必須將預算永遠保持在 0 美元,那麼 Gutenberg 就能滿足你的需求。

兩者與主題、外掛的相容性

面對市場上數以千計的 WordPress 主題和外掛,我們很難確定頁面生成器的相容性(或缺乏相容性)。不過,我們可以通過使用者評論來了解是否存在與流行主題或外掛的明顯相容性問題。

古騰堡似乎能與大多數主題和外掛相容。畢竟,第三方開發者必須迎合頁面生成器,因為 Gutenberg 預設內建在 WordPress 中。

根據我們的研究,Gutenberg 最常見的相容問題是與同一網站上的其他頁面生成器結合使用時出現的。我們還發現,外掛開發人員在製作與他們的外掛相關的古騰堡區塊時也在玩追趕遊戲。因此,你可能會發現一些較舊、更新頻率較低的外掛缺少 Gutenberg 區塊。

截至本文發稿時,WordPress.org 論壇上大約有 12 個開放的相容性問題,其中一些似乎是使用者錯誤。不過,假設你可能會遇到一些問題也並非不可理解。

眾所周知,Elementor 在 WordPress 社羣中具有良好的相容性。不過,由於它是第三方頁面生成器,所以最好還是留意一下相容性標籤(說明外掛不相容的情況)。在搜尋主題時,請務必檢視它是否與 Elementor 相容(如果您使用的是 Elementor 作為頁面生成器的話)。

對於 Gutenberg 和 Elementor,你必須留意帶有啟動模板的 “多用途 “WordPress 主題。這些啟動模板是為特定的頁面生成器設計的,因此適用於 Gutenberg 的模板不能用於 Elementor,反之亦然。有些主題則完全沒有這些頁面構建工具的啟動模板。

後臺編輯與前臺編輯對比

使用 Gutenberg 無法在網站前端編輯內容。但這正是重點所在。古騰堡力求將前端編輯與後臺體驗結合起來,讓你只需使用一個介面。

因此,舉例來說,所有的編輯工作都在 WordPress 的後臺進行,但許多區塊都會以完全顯示的形式出現,以便最真實地展示釋出時的效果。

古騰堡(Gutenberg)後臺及其區塊和背景完全顯示

古騰堡(Gutenberg)後臺及其區塊和背景完全顯示

Elementor 也沒什麼不同。它曾提供後臺和前臺編輯功能,但最終將編輯體驗合併到了一個模組中。因此,你不可能在網站前端拖動元素。

不過,Elementor 會將頁面和文章帶入自己的後臺編輯器,並提供漂亮的前臺頁面預覽。這樣,你就能清楚地看到修改後的效果。

Elementor 編輯器

Elementor 編輯器

最後,這兩種頁面生成器都有自動儲存和手動儲存按鈕。

客戶支援對比

通常只有付費購買頁面生成器後,才能獲得客戶支援。在我們的研究中,這一假設適用於 Gutenberg 和 Elementor。

獨立的 Gutenberg 頁面生成器沒有直接的客戶支援熱線。不過,您可以在 Gutenberg 使用者論壇上討論問題。WordPress.com 會員可以獲得專門的客戶支援,因此您可以請他們協助解決 Gutenberg 問題。遺憾的是,WordPress.org 使用者只能通過論壇和部落格文章來完成自己的研究。

免費的 Elementor 外掛有一個知識庫使用者論壇

使用 Elementor Academy 搜尋幫助文件

使用 Elementor Academy 搜尋幫助文件

要獲得真人提供的電子郵件支援,您必須付費購買 Elementor Pro。儘管如此,我們還是為銷售問題提供了即時聊天模組。

應該選擇哪一個?

經過多年與 WordPress 使用者的合作以及對 Gutenberg 和 Elementor 的詳細比較,我們得出了一些最終結論。

以下是我們的收穫:

  • Gutenberg 的功能比 Elementor 的簡單。它們非常適合基礎網頁設計,但高階使用者會需要 Elementor 的高階樣式設定和內容塊。
  • Gutenberg 的使用者介面內建於 WordPress 中,而 Elementor 的使用者介面則始終是一個第三方外掛。不過,在 Elementor 中,使用者體驗是無縫的,而在 Gutenberg 中,要簡單地拖放一個元素要困難得多。
  • 效能方面,Gutenberg 和 Elementor 的表現都不錯。我們的測試表明瞭這一點。無論如何,你可能會遇到頁面速度變慢的問題。解決這個問題的主要方法是使用優質主機。
  • Gutenberg 始終是免費的,但你只能使用現有的功能。Elementor 有一個功能強大的免費版本,可以選擇升級以獲得更多功能和真正的客戶支援。
  • Gutenberg 和 Elementor 相容多種 WordPress 主題和外掛。
  • Gutenberg 的後臺編輯提供了一個具有快速樣式選項的視覺愉悅介面。前臺編輯功能並不存在。不過,您可以在後臺編輯器中看到實時的前臺檢視。Elementor 也只提供後臺編輯功能,但有一個真正的預覽,可以顯示前臺的所有內容。
  • Gutenberg 有版塊模板,但沒有其他功能。而 Elementor 則有大量的版塊、網站、頁面、頁首和著陸頁模板,所有這些都需要高階計劃。
  • Gutenberg 的客戶支援包含在使用者論壇和部落格文章中。WordPress.com 的付費使用者可以獲得 Gutenberg 的幫助。付費的 Elementor 使用者可以獲得人工支援,而免費使用者則可以訪問包括知識庫在內的許多線上資源。

小結

每種頁面生成器都有自己的用武之地。Elementor 適用於更熟練的使用者或需要頁面模板庫的使用者。Gutenberg 是 WordPress 上的即用型頁面生成器,具有簡化、易用的樣式工具和設定,非常適合快速建立內容。

評論留言