Stackable 區塊，Gutenberg 頁面編輯最佳解決方案！一套外掛換掉頁面編輯器

WordPress 自 2018 年以來，加入了 Gutenberg 的區塊編輯方式之後，就不間斷的更新以及優化區塊編輯，而也因著開發容易，因此這幾年來一直不斷有更多第三方的軟體加入 Gutenberg 區塊的行列！

雖然一開始大家因著不習慣的關係，而不斷的有反對 Gutenberg 編輯的聲音出現，但時至今日，由於他的便利性與擴充性，有越來越多人開始接納 Gutenberg 的存在，甚至到現在，完完全全可以取代掉現在主流頁面編輯器 Page Builder。

*或許你該考慮不要使用頁面編輯器，對你網站的速度與效能與維護絕對有影響，你可以去查查關於 Bug、維護、速度的相關文章。

然而官方所使用的 Gutenberg 區塊設定實在有限，因此您一定會需要至少一個以上第三方軟體來擴充你的編輯功能。

Gutenberg 即使有第三方軟體的支援，也還是需要裝大概兩到三個左右的外掛軟體，才有辦法應付所有編輯需求。平凡以上也從 2018 年一直找尋最佳解決方案，我一直在問自己一個問題，是否有一個 Gutenberg 擴充庫是可以解決掉關於頁面編輯與文章編輯的所有問題？

今天要介紹的這個 Stackable 就完整的解決了我長久以來的問題！我終於找到了一款裝這個幾乎免除掉所有頁面編輯的煩惱。

Stackable 光是免費版就提供 28 個進階區塊，除了預設就已經有非常漂亮的設計以外，還有著超多設定可以做客製化的更動。並且，他還有著超龐大的設計庫，已經有設計好的 UI kit 等著你新增就下班！更有著超流暢的編輯效能。而付費版的更是添加了超多設計與功能，除了設計以外還有著 role manager 角色管理等進階功能。

Stackable 我從他剛出 1.0 版就一直關注他了，我現在才把它拿出來介紹是因為當初他的 bug 多到完全無法使用，而當時他的對手產品 Qubely 就提供比他還多的功能與特色，然而時至今日，Stackable 的發展完整超越 Qubely，讓他直接登上我心中第一名的寶座！

Stackable 特色

大量已經設計好、高度客製化的區塊

不用我多講，光是免費版的就已經提供了 28 個已經設計好、光是丟進頁面內就超好看的區塊！還可以有超多客製化的選項！

28 個真的很多（雖然還是輸給 Getwid 的 40幾個…但 Getwid 設計比較陽春）尤其是他的設計現代又超好看的！由於 28 個太多了，我提兩個我最喜歡的項目，剩下的你可以到官網上的 Live Demo 玩玩！

  1. Advanced Text

什麼鬼… 第一個喜歡的竟然是文字區塊…

Gutenberg 內建的文字區塊就是一塊可以打字的地方而已，但是你知道 Stackable 出的文字區塊可以超簡單就做到進階的排版，例如下圖，而這僅僅只需要一個文字區塊而已。

簡單新增標題、分隔線、欄位，還可以設定分隔線的長度寬度、背景圖片等，都塞在一個區塊內就做得到！當然只想要新增文字也是可以～

  1. Call To Action (CTA)

非常少區塊會提供 CTA，通常都讓大家自己做，但 Stackable 提供完整 CTA 區塊。

什麼是 CTA，簡單來說就是呼籲按鈕，你希望消費者作出的行動，通常一篇文章或頁面會出現一個主要 CTA，例如下面的範例，你看了是不是覺得很想點下去～

而 CTA 確實也會增加你網站的轉換率與銷售成功率呦～

當然要自己用 div 監獄自己做也行，但如果你懶～想趕快弄出個網站，這時候有設計好的區塊就會加速你的工作流程拉～

  1. Container  (容器、div、監獄)

不覺得我喜歡的東西都很基本嗎… 通常基本的東西加上創意的拼湊，就可以設計出漂亮的頁面，所以我很喜歡基本的東西！

這個監獄跟其他的區塊有什麼不一樣呢～ 他有內建可以把任何區塊都關進監獄裡，不用在那邊拖拉半天～ 這超棒的，加速工作流程。

而且如果已經有被關起來的區塊，還有選項可以把區塊從監獄裡面解放！全部都只要一個按鍵點點點就好。超喜歡的拉～

區塊的介紹大概就到這拉～剩下的大家都可以自己玩玩看。有非常多區塊可以做設計！

設計庫 UI Kit 與區塊設計

用起來跟 Qubely 類似，只要你新增區塊，旁邊就會有已經設計好的區塊樣式給你做參考。當然你也可以使用他的設計庫直接做新增。

Stackable 免費版的設計庫就有 89 項設計好的區塊，而付費版的更是高達 355 項。

另外，他還有提供第三種檢視方式就是 UI Kit。什麼是 UI Kit 呢？白話文就是同一種風格的區塊設計！因此他們的命名方式都是採用風格或者是自己取名的方式，只要選擇一種 UI Kit，你的設計版面絕對是統一風格！

免費版就提供 7 種 UI Kit，而付費版更是高達 30 種。

其他還有更多付費版進階的功能，像是 Dynamic Data, SVG, Role manager 等技術層面較高的應用，就請大家到官網上繞繞拉～

價格

免費版的可以終身使用，完全不用錢。然而進階版本總共會有四種價格方案供選擇。更棒的是他還有一次性買斷的價格～（以下金額皆以美元計算）

我適合 Stackable 嗎？

  • 如果你是剛加入 WordPress 世界的新手，我非常推薦 Stackable 成為你頁面編輯的主力！
  • 如果你是受不了頁面編輯器緩慢的網站速度，也非常適合。
  • 你在找一款 Gutenberg 第三方可以解決所有編輯困擾的人。
  • 小商家、工作室等需要一個官網，快速編輯現代化頁面。
  • 搭配 Blocksy、Kadence、Generatepress 主題，完美相容！