7 個最佳 WordPress 區塊編輯器推薦（部落客必備）！

WordPress 區塊編輯器（Block Editor）自從 WordPress 5.0 推出之後就取代了 WordPress 傳統編輯器，成為了目前 WordPress 自帶的編輯器。WordPress 區塊編輯器並不像 WordPress 頁面編輯器那樣要下載安裝外掛，它現在其實就是 WordPress 5.0+ 版本預設的編輯器，除非你不太適應，透過 WordPress 官方外掛 Classic Editor 恢復到舊版編輯器。

WordPress 區塊編輯器在最開始接觸時的確感到很不適應，不過隨著慢慢的熟悉和使用，你會發現 WordPress 區塊編輯器的功能性、易用性、相容性以及它對網站速度的影響都要比 WordPress 頁面編輯器要好些。隨著 WordPress 6.0 的更新，WordPress 區塊編輯器的功能更加完善。實際上，目前市面上已經出現了功能豐富設計美觀的區塊編輯器。在本篇文章中，小編就整理了 7 個最佳的 WordPress 區塊編輯器推薦給你，幫助你高效的完成 WordPress 頁面設計。

WordPress 區塊編輯器推薦

Stackable Blocks

Stackable Blocks 是由成立於 2011 年的開發商 Gambit 開發的一款區塊編輯器，它由於功能強大和漂亮的外觀設計而受到廣大部落客的喜愛，它也被多家知名 WordPress 網站評為最好用的區塊編輯器之一。Stackable Blocks 完整付費版目前內建了 36 個區塊、423 個區塊設計、35 個 UI 組件、44 個線框稿、87 個區塊佈局以及其他更多進階功能，它可以說是目前功能和設計最豐富的 WordPress 區塊編輯器之一。

Stackable Blocks 目前在 WordPress 市場提供了免費版本，目前已經獲得了超過 6 萬次啟用安裝數和 4.9 分的高分評價，但實際上使用它的網站數量已經超過 10 萬。Stackable Blocks 不只是提供區塊編輯器，它還提供了 UI 組件和線框稿，這樣可以讓用戶根據個人需要自由搭配使用，當然你也可以透過 ACF 自訂區域添加動態文本。另外，Stackable Blocks 的相容性非常友好，你可以和 Blocksy 主題、Toolset、WPML、Font Awesome 和 Google Fonts 等一起使用，不會發生衝突導致無法正常使用。

優 點

• 功能強大區塊豐富，最好用的區塊編輯器之一
• 內建 36 個區塊，提供免費版
• 提供預置區塊、UI 組件和線框稿
• 相容性友好，可以搭配任何 WordPress 主題和外掛
• 整合度高，可以與 Blocksy、WPML、Toolset 結合使用
• 支援動態內容和動畫特效設定
• 提供協同工作和 CSS 自訂
• 提供 1 對 1 客服支援
• 提供 14 天退費保證

缺 點

• 一個授權可使用網站數量有限

支援的區塊類別

Advanced Image、Accordion Advanced Heading、Advanced Text、Blog Posts、Columns Block、Blockquote Block、Button Block、Call to Action、Card Block、Count Up、Expand Block、Feature Block、Feature Grid、Hero Block、Icon Block、Icon Box Block、Icon Button Block、Icon Label Block、Icon List Block、Image Box Block、Notification Block、Number Box、Price Block、Pricing Box、Separator Block、Social Buttons Block、Subtitle Block、Table of Contents、Testimonial Team Member、Video Popup

价格方案

Spectra Blocks

Spectra Blocks 是由海外著名的 WordPress 服務開發商 Brainstorm Force 開發的一款區塊編輯器，沒錯，它和 Astra Theme 以及 Ultimate Addons for Elementor 屬於同一家公司。Spectra Blocks 在 2.0 版本之前的名稱是「Ultimate Addons For Gutenberg」，2.0 版本正式更名為 Spectra。如果你有使用 Astra Themes，Spectra Blocks 也不會讓你失望，它最大的特色是美觀的設計和超快的加載速度。

Spectra Blocks 目前內置了 30+ 區塊和 75+ 網站預置模板，這些網站模板使用了 Astra Theme、Gutenberg 和 Spectra，你可以根據個人需要選擇一次性導入，快速架設專業速度超快的 WordPress 網站。Spectra Blocks 目前完全免費，根據 WordPress 市場數據統計，Spectra Blocks 目前已經獲得了超過 30 萬啟用安裝數和 4.9 分的高分評價。

優 點

• 目前完全免費
• 44+ 預置，可一鍵應用
• 內置 30+ 區塊和 75+ 網站預置模板
• 相容性好，可與任何一款主題搭配
• 與 Astra 同一家公司，主打美觀和速度
• 代碼簡潔，SEO 友好
• 超過 30 萬次啟用安裝數和 4.9 分的高分評價

缺 點

• 專業美觀的網站比較依賴 Astra Theme

支援的區塊類別

• CREATIVE BLOCKS： Icon List、Marketing Button 、Content Timeline 、Post Timeline 、Lottie Animation、Multi Buttons 
• CONTENT BLOCK： Info Box 、Advanced Heading、Tabs 、Call To Action 、Taxonomy List 、Price List 、Team 、Inline Notice 
• SOCIAL BLOCKS： Social Share、Testimonials、Google Maps、Star Rating、Blockquote 
• POST BLOCKS： Post Layouts、Post Masonry、Post Timeline 
• FORM BLOCKS： Contact Form 7 Styler、Contact Forms、Gravity Form Styler 
• SEO： FAQ Schema、Table Of Content、How-To Schema、Review Schema 
• EXTENSION BLOCKS： Advanced Columns、Display Conditions、Masonry Gallery

价格方案

目前完全免費。

Kadence Blocks

Kadence Blocks 是由 Kadence WP 開發的一款 WordPress 區塊編輯器，你現在看到的「網路賺錢」網站就全部採用了 Kadence Theme 和 Kadence Blocks，我也是親身體驗了諸多主題最終選擇了 Kadence 。Kadence Blocks 目前提供了 21 個區塊，並且每個區塊都提供了非常詳細的客製化設定選項。

Kadence WP 開發的主題和外掛最大的特色是輕量加載速度快以及相容性好，你可以將 Kadence Blocks 應用於其他的 WordPress 佈景主題。Kadence Blocks 簡單易用，你可以在設定選項中找到它提供的預置，並且可以一鍵應用，非常方便。如果你有在使用 Kadence WP 主題，也可以在導入網站模板時選擇 Gutenberg 類別，這樣你架設的網站完全採用區塊編輯器。Kadence Blocks 也有提供免費版本，根據 WordPress 市場統計，Kadence Blocks 目前已經獲得了超過 20 萬次啟用安裝數和 4.9 分的好評。

優 點

• 區塊編輯器輕量、加載速度快
• 內建 21 個區塊
• 與 Kadence Theme 完美結合
• 提供由區塊編輯器構建的模塊和模板
• 提供免費版本
• 付費版本可以應用於無限個網站
• 提供 30 天退費保證

缺 點

• 區塊數量相對比較少

支援的區塊類別

Row/Layout、Tabs、Info Box、Countdown、Post、Table of Contents、Form、Advanced Gallery、Accordion、Testimonials、Advanced Buttons、Icon List、Spacer/Divider、Advanced Text、Intelligent Load、Responsive Controls、Layout Controls、Typography Controls (900+ Google Fonts)、1500+ SVG Icons、Color and Background Controls、Configurable Defaults、Setting Visibility Controls、Spacing Controls、Animate on Scroll (Pro)、Custom Icons (Pro)、Dynamic Content (Pro)、Custom Fonts (Pro)、Premium Design Library (Pro)、Page Specific Scripts (Pro)

价格方案

Qubely Blocks

Qubely Blocks 和 WP Page Builder 屬於同一家公司 Themeum，這家公司開發了許多 WordPress 主題和外掛，擁有多年的行業經驗。Qubely Blocks 是一款相對比較成熟的區塊編輯器，它提供豐富的區塊、區域佈局和網站模板，你可以透過它們輕鬆架設自己喜歡的頁面。Qubely Blocks 提供了免費版和付費版，付費版可以享用 Qubely Blocks 總共 36 個區塊、22 個網站模板以及 156 個區域佈局模板，後續還在不斷的增加。

根絕 WordPress 市場統計，Qubely Blocks 免費版目前已經獲得了超過 2 萬次安裝和 4.3 分的評價，它的評分不算是很高，這是因為它的相容性和服務的問題。另外，Qubely Blocks 提供了訂閱制和買斷制，你可以根據個人需要選擇合適的價格方案。

優 點

• 內建 36 個區塊和 156 個區域佈局模板
• 內建 22 個網站模板，可以一鍵導入架站
• 提供免費版本
• 提供免費安裝服務
• 提供永久買斷制
• 提供 30 天退費保證

缺 點

• 存在一些問題需要優化和修復
• 付費版授權存在網站使用數量限制

支援的區塊類別

Woo Carousel、Woo Products、Table Builder、Image Comparison、Countdown、Table of Contents、 Animated Headline、Vertical Tab、Pie Progress、Media Card 、Testimonial Carousel、Team Carousel 、Post Carousel 、Form Builder、Image Gallery、Advanced Post Grid、Image Carousel、Pricing List、Post Grid、Timeline、Image、Pricing、Accordion、Advanced List、Button Group、Button、Contact、Counters、Google Map、Heading、Icon List、Info Box、Progress Bar、Row 、Social Icons、Tabs、Team、Testimonial、Video Popup

价格方案

訂閱制

買斷制

Ultimate Blocks

Ultimate Blocks 是一款完全免費的 WordPress 區塊編輯器，它目前提供了 18 個區塊，你可以透過它提供的 Blocks Manager 輕鬆開啟或關閉區塊。Ultimate Blocks 針對網站效能做了代碼優化，它並不會拖慢你的網站加載速度。另外，Ultimate Blocks 提供了針對 SEO 優化兩個重要的區塊，Review 和 FAQ schemas。

根據 WordPress 市場統計，Ultimate Blocks 目前獲得了超過 3 萬次啟用安裝數和 4.9 分的高分評價，再加上它完全免費，小編就經常使用這款區塊編輯器。不過，Ultimate Blocks 目前主要提供區塊，並不提供其他的區域佈局模板和網站預置模板。

優 點

• 完全免費
• 內建 18 個區塊，可自由架設佈局
• 提供區塊管理器，自由選擇開啟和關閉
• 代碼簡潔，針對速度做了優化
• 提供 SEO 優化區塊，Review 和 FAQ schemas

缺 點

• 不提供預置佈局和網站模板

支援的區塊類別

Content Filter、Review (Schema Markup Enabled)、HowTo Schema、Table of Contents、Tabbed Content、Call to Action、Content Toggle (Accordion)、Styled Box、Styled List、Expand、Testimonial、Click to Tweet、Social Share、Countdown、Progress Bar、Post Grid、Star Rating、Image Slider、Button (Improved)、Divider

价格方案

目前完全免費。

Genesis Blocks

Genesis Blocks 是由著名的 WordPress 主題開發商 StudioPress 開發的一個區塊編輯器，當然 StudioPress 已經被 WordPress 主機商 WPEngine 收購，如果你選擇使用 WPEngine 架設 WordPress 網站，你可以獲得 StudioPress 主題和 Genesis Pro 的使用授權。如果你一直在使用 StudioPress 家的產品，比如 Genesis Framework 和 Genesis Themes，那你可以和 Genesis Blocks 結合使用，另外，它家還推出了自訂區塊的外掛程式 Genesis Custom Blocks。

Genesis Blocks 付費版目前共提供了 22 個區塊、50 個全頁面佈局設計、130 個區域設計以及 AMP 優化，當然它也提供了免費版本供大家使用。根據 WordPress 市場統計，Genesis Blocks 免費版目前共獲得了超過 6 萬次啟動安裝和 4.2 分的評價，這個評分並不算高。如果你正在使用 StudioPress 家的主題，又想開始使用區塊編輯器，不妨考慮訂閱 Genesis Pro。Genesis Pro 價格方案可以享用 Genesis Pro 所有功能和 StudioPress 開發的所有 WordPress 佈景主題，不過它的訂閱價格有點高。

優 點

• StudioPress 開發，速度快而穩定
• 內置 22 個區塊、50 個頁面設計和 130 個區塊設計
• 提供免費版本，針對 AMP 做了優化
• 相容性友好，可以和任何 WordPress 主題搭配使用
• 一次訂閱可以享用 Genesis Pro 和 StudioPress 所有主題
• 提供長達 60 天的退費保證

缺 點

• 訂閱制價格比較高，不提供買斷制

支援的區塊類別

Testimonial、Profile Box、Accordion、Sharing、Post and Page Grid、Product Button、Email newsletter、Advanced Columns、Column Layouts、Drop Cap、Product Title、Product Features、Product Subtitle、Product Price、Pricing Column、Call To Action、Container Button、Notice Pricing、Spacer

价格方案

GenerateBlocks

GenerateBlocks 是由 GeneratePress 專門開發的一款 WordPress 區塊編輯器，它可以相容於任何一款 WordPress 佈景主題。GeneratePress 開發團隊開發的網站主題就以輕量、加載速度快而受到眾多部落客的喜愛，GenerateBlocks 同樣擁有超快的加載速度。不過，GenerateBlocks 提供的區塊數量非常少，只有 4 個，但你卻可以透過這 4 個區塊自訂你想要的區塊。

GenerateBlocks 提供了非常詳細的設定，包括字 體、間 距、顏 色、漸 變、背 景和 SVG 圖示等等，如果你正在使用 GeneratePress 主題，那你可以和 GenerateBlocks 完美搭配。GenerateBlocks 提供了免費版本和付費版本，根據 WordPress 市場統計，GenerateBlocks 目前已經獲得了超過 9 萬次啟用安裝數和 4.9 分的高分好評。而 GenerateBlocks 付費版將可以解鎖更多進階功能，包括 150+ 專業設計模板、全局型樣式、區塊效果、高級背景、容器懸浮特效等等

優 點

• 輕量代碼簡潔，加載速度超快
• 提供非常詳細的區塊設定
• 相容於任何 WordPress 佈景主題
• 與 GenerateBlocks 完美搭配
• 提供免費版本
• 提供 30 天退費保證

缺 點

• 區塊數量相對比較少
• 付費版授權網站數量有限

支援的區塊類別

Container、Grid、Buttons、Headline

价格方案

WordPress 區塊編輯器是什麼？

WordPress 區塊編輯器的英文全稱是 WordPress Block Editor 或 WordPress Gutenberg Editor，中文名稱也被稱作古騰堡編輯器。Gutenberg 這個名字來源於 Johannes Gutenberg，他於 15 世紀發明了移動打字機，改變了人們產出文字和知識傳遞的方式，WordPress 使用者習慣稱它為 WordPress 區塊編輯器。

WordPress 5.0 於 2018 年 11 月上線，而 WordPress 區塊編輯器也就是在這個版本正式取代傳統編輯器（Classic Editor）成為 WordPress 自帶的新編輯器。不過，有些部落客已經習慣了 WordPress 傳統編輯器，官方考慮到老用戶的使用習慣甚至推出了 WordPress Classic Editor 外掛將 WordPress 編輯器還原為舊版本。

WordPress 傳統編輯器的確很陽春，這也是為什麼陸續出現了 WordPress 頁面編輯器和 WordPress 區塊編輯器的原因之一。WordPress 區塊編輯器與 WordPress 頁面編輯器存在很多的不同，兩者擁有各自的優缺點，不過總體來看以及根據我的親身體驗，我還是比較推薦使用 WordPress 區塊編輯器。雖然 WordPress 區塊編輯器並沒有像頁面編輯器的拖放式操作和所見即所編輯的特色，但區塊編輯器作為 WordPress 官方自帶編輯器存在一定的優勢，相容性好、加載速度快、安全性高等優點就要比頁面編輯器好許多，所以小編現在架設網站都採用了 WordPress 區塊編輯器。

我為什麼要選擇使用 WordPress 區塊編輯器

操作簡單，學習成本低

在 WordPress 區塊編輯器誕生之前，許多部落客可能都認為 WordPress 頁面編輯器的拖放式操作學習成本低、簡單易上手。不過 WordPress 區塊編輯器的誕生讓部落客們改變了這種想法，區塊編輯器雖然並不是所見即所編輯，但你透過它堆疊區塊線上預覽並不會有太大的差別，操作起來也非常方便，學習成本並不是很高。

免費區塊編輯多，節省預算

WordPress 架站程式將區塊編輯器取代傳統編輯器之後，WordPress 市場目前已經擁有非常多的完全免費區塊編輯器可以使用，像目前 Stackable Blocks 和 Ultimate Blocks，而一些付費的區塊編輯器也都有提供免費版本可以下載使用，這對於剛起步的部落客來說可以節省預算。

相容性好

WordPress 區塊編輯器作為目前 WordPress 官方自帶的編輯器，它的相容性是要比頁面編輯器更加友好的，基本上可以和任何的 WordPress 佈景主題和外掛程式搭配使用，並且不會出現像頁面編輯器更新升級出現的外掛衝突或版型錯亂等問題。

加載速度快

WordPress 區塊編輯器作為目前官方自帶的編輯器，WordPress 官方針對它做了多方面的優化，尤其是網站的加載速度方面。經過個人親身體驗，WordPress 區塊編輯器架設的頁面要比 WordPress 頁面編輯器架設的頁面速度更快一些。

安全性高

WordPress 區塊編輯器作為 WordPress 官方自帶的編輯器，它是由 WordPress 開發團隊在更新和維護的，所以它的安全性相對來說是比較高的，它並不像頁面編輯器那樣依賴於第三方開發商，如果出現任何問題也可以在第一時間進行修復。

我應當如何挑選 WordPress 區塊編輯器

區塊編輯器的功能和數量

不同的 WordPress 區塊編輯器提供的功能和數量都是不同的，在選擇區塊編輯器之前，你可以根據個人實際需要的區塊功能來篩選不同的區塊編輯器，當然你也可以安裝多個區塊編輯器一起使用。不過，一般選擇一兩個搭配使用就可以了。

區塊編輯器的客製化設定

區塊編輯器在提供了簡單區塊的同時，也提供了非常詳細的客製化設定，包括區塊的樣式設定、區域佈局模板、網站頁面模板等等。不過，你也可以下載安裝到網站或透過區塊編輯器線上版親身體驗它的設定和美觀度，這樣你才能透過它們製作出你喜歡的頁面。

區塊編輯器的相容性

WordPress 自帶的區塊編輯器的相容性本來就要比 WordPress 頁面編輯器好，包括第三方的區塊編輯器。一般來說，WordPress 區塊編輯器相容於任何的 WordPress 佈景主題和外掛程式，基本上不會出現衝突的問題。

區塊編輯器的用戶規模

WordPress 區塊編輯器一般都會隨著用戶的反饋和 WordPress 程式的更新而不斷優化，用戶數量越多一般越能夠快速的發現問題並得到有效解決。如果你使用的區塊編輯器用戶規模不大，開發者更新的頻率也會降低，甚至會放棄更新，導致你後期不得不變更為其他區塊編輯器。

區塊編輯器的價格方案

幾乎每一款區塊編輯器都提供了免費版本，如果想要享用更多更豐富的功能，需要額外付費，一般提供訂閱制和買斷制。你可以根據個人實際需要選擇是否付費，我是親身體驗了 Kadence Theme 和 Kadence Blocks 之後才一次性買斷選擇了 Kadence Bundle。

區塊編輯器的客服服務

在區塊編輯器使用過程中，難免會遇到一些問題無法解決，這時擁有響應及時的客服支援，可以很快的解決問題。一般來說，區塊編輯器都提供了臉書社團或 24/7 電子郵箱客服。如果你真的遇到了無法解決的問題，也可以優先嘗試透過網站幫助中心尋找答案。

WordPress 區塊編輯器常問問題

總 結

WordPress 6.0 版本更新後針對 WordPress 區塊編輯器做了很多的優化，這讓區塊編輯器使用起來更加方便。現在第三方的區塊編輯器其實也陸續上線，而本文中推薦的區塊編輯器是小編綜合了用戶評分、用戶使用規模、功能性、美觀性等多個因素整理的推薦列表，也希望能夠幫助你在自己的部落格網站找到最適合自己的 WordPress 區塊編輯器。

不過綜合來看，Stackable Blocks、Spectra Blocks 以及 Kadence Blocks 都是非常不錯的選擇，基本上包括了部落客或電商網站常用的區塊編輯器。