你的購物車目前是空的!
區塊編輯器 (Block editor) Gutenberg 是 WordPress 2018 年更新 5.0 版本後加入於核心程式的編輯器。編輯器因為是原生 WordPress 給予的,因此完全免費提供給使用者使用。
除了免費使用,他也在速度上表現非常好,使用區塊編輯器往往比起使用頁面編輯器 (Page builder) 還要容易優化速度(幾乎不用做任何事)。而且在 RWD 版型上也已經預設好,完全不需要額外的設定。
想了解更多 Gutenberg 區塊編輯器內容,前往 Gutenberg 區塊編輯器介紹文章,或者區塊編輯器與頁面編輯器比較,了解兩者之間的優缺點差異。
在編輯頁面時,常用的 Gutenberg 區塊:
這些區塊都讓整個編輯網站流程快速又簡單,但是… WordPress 提供的原生還是有其限制,光是區塊客製化選項就比起頁面編輯器還來得少,只是想要設定一下 radius 圓角就沒有辦法,也沒有陰影的選項…
所幸 WordPress 有個外掛程式這麼強大的功能支持,因此有非常多的外掛可以幫助我們解決這個問題,而且更重要的是,這些外掛程式都有提供免費版本!因此你也不用擔心會有大量額外的支出,整體來說我認為比起頁面編輯器還要來得划算。
區塊編輯器外掛可以協助你:
長期使用 WordPress 的用戶一定知道,外掛程式雖然這麼的多,但是挑選出好的外掛絕對是需要花上許多時間。
新手在挑選區塊編輯外掛時,常常因為廣告很華麗,或者設計版面很漂亮而以為這就是非常好的外掛軟體,但若沒有更加謹慎評估,往往會不小心踩雷,例如 Bug 很多或者速度優化很差…
平凡以上也不例外的要跟大家分幾個常用的挑選外掛的原則。
根據上述的原則,平凡以上整理出了 5 個非常好用的外掛要與大家分享。
Stackable 真的是新手的福音,有著大量的設計庫與簡單的區塊,隨隨便便就可以做到超好看的排版。
Stackable 也是第一款推出的 Gutenberg 外掛,有著豐富的經驗與創新的作法,絕對是值得嘗試的產品。
*最近更新 v3 版本在速度優化上有待加強,相較於 v2 版本,v3 版本我認為還是未成熟的產品。然而根據 Stackable 過去的品質表現,其產品優化指日可待。
Stackable 免費版真的就非常好用!當然若您需要商用或者需要完整版也可參考付費版本。還有提供一次性付費版 499 美金買斷制與 149 美金一年訂閱制的彈性付費方案。
Stackable 也是平凡以上所有課程主力的教學外掛!歡迎大家來上課。
如果你在找區塊客製化選項最齊全也最成熟的 Gutenberg 外掛,Kadence 絕對是你的首選!有許多進階的使用者都是以 Kadence 為主力在排版與編輯頁面。(我也是!)
他的設計庫或許沒有這麼華麗這麼好看,然而他所提供的客製化選項太多了!因此你要任何的排版以及控制項目幾乎都可以實現,且其穩定性非常的高,背後團隊陣容非常強大,不僅僅只是區塊產品,他們背後團隊還有推出 Kadence 佈景主題也是不容錯過的好商品。
Kadence 免費版功能性就多到爆炸,也可以做到幾乎你想得到的排版方式。
他也有提供付費版的方案,最便宜 69美金/年 就可以架設無限網站。他也提供付費版的主題與更多 Kadence 延伸功能,因為不是以網站數量在定價而是以功能性在定價,價格 CP 值真的很高,若有需要也可以做選擇。
比較可惜的是如果要一次性買斷,就需要支付到 699 美金,且全部包括主題或延伸功能都要一起購買,無法只單買 Kadence Block Pro。
Genesis Block 是由知名主機商 WP Engine 所開發的外掛軟體,他們也有開發 StudioPress 這個佈景主題。而旗下的 Genesis Framework 更是許多開發人員熱愛的主題架構!
Genesis Block 的開發方式大部分都是基於 Gutenberg Block 修改而成,因此他的速度非常快速,我認為使用上他們應該體感是最快的區塊編輯外掛,然而他們較多功能性區塊就需要升級成付費版本才可以使用。
如果你要快速撰寫一個頁面,快速的開發,非常適合使用 Genesis Block。但如果你要些比較進階的功能,就只能使用付費版本了。
Genesis Pro 付費版不只有販售 Genesis Block 付費版,他需要連同 StudioPress 主題以及其他進階功能一起購買,價格為 360美元/年,我認為這比較適合進階的開發者購買使用,雖然價格相較其他外掛高,但他的代碼乾淨度以及穩定性跟專業度絕對是值得這個價錢。
相較於其他前面所介紹的外掛,這個 Editor Plus 外掛比較屬於擴充你原有的 Gutenberg 功能。
你可以新增圓角、增加陰影、改變寬度等等,更重要的是你在使用上可以跟 Gutenberg hub 這個網站做連結。
這個網站提供了超過 200+ 以上的區塊與網站頁面,只需要複製貼上就能夠使用。
而且他使用的區塊都是 Gutenberg 原生區塊,完全不用擔心效能受到影響,你就可以有高級的排版設計。
更重要的是他完全免費的使用!
完全免費!
我認為這款外掛適合凡事都從 0 開始的架站者,也就是連圖片你都要用自己的,排版也自己設計。
因為 Generate Block 僅僅只提供了 4 個區塊!也因著只提供 4 個區塊,你可以非常快速的上手。
團隊開發能力非常堅強,堪稱最穩定最乾淨的 Coding 外掛也不為過,旗下的 GeneratePress 主題更是令人驚訝!他們號稱第一個 Block Base 編輯主題的開發團隊!
付費方式採取訂閱制,最便宜 39美金/年!
安裝區塊編輯器外掛與其他外掛方式一樣,本篇以安裝 Stackable 示範。
如何安裝 Gutenberg 外掛?
登入你的 WordPress 後台,你可以於側邊選單進到 外掛>安裝外掛 ,並搜尋 Stackable ,找到外掛後點選安裝並啟用。
啟用完成後,前往 頁面>新增頁面 或者 文章>新增文章,你可以在區塊編輯器左上角點選新增區塊,看到已經安裝的所有區塊。
點選 設定>Stackable,進到 Stackable 外掛設定頁面中,你可以選擇啟用或停用區塊,客製化屬於自己的區塊組合。
*此功能只適用於有提供設定的區塊外掛。(包括 Stackable, Kadence…)
相信你看完這本篇文章,對於 Gutenberg 第三方外掛有一定程度了解,不過平凡以上還是列上使用者在使用 Gutenberg 外掛時會遇到的常見問題。
WordPress 5.0 更新後新增 Gutenberg 區塊編輯器,由第三方軟體所開發提供的額外功能。
通常功能性會高於原生提供的 Gutenberg,第三方軟體會以提供免費版與付費版,付費版通常有更多功能方便你建立頁面與開發網頁。
若你需要花較少時間做到富含設計的排版,那麼 Stackable 絕對是你的首選外掛。
如果你比較喜歡客製化自己的內容與排版,那麼 Kadence 的客製化選項與穩定性一定不容錯過。
兩者各有各的優缺點。
頁面編輯器所提供的設計樣式多於區塊編輯器,但若討論到速度優化的簡易性與維護的時間成本,那麼 Gutenberg 略勝一籌。更多詳細的比較前往區塊編輯器與頁面編輯器比較了解更多。
此篇介紹許多 Gutenberg 的第三方外掛供你參考,希望可以幫助到你更近一步評估你需要安裝的外掛。
通常為了方便管理與速度考量,我會建議使用者安裝 2 個第三方區塊就好,若版本更新或遇到 Bug 比較容易維護與修復。超過 2 個速度上還可以接受,但在管理上可能就會比較不容易。
祝福大家都能找到自己適合與精熟的第三方區塊外掛!一起做出富含設計感的網站吧~
*平凡以上使用 Kadence 與 Stackable 為主要編輯頁面外掛。