以目前的 WordPress 的區塊編輯器已經能夠完成文章撰寫、頁面排版與基本網站製作。但當版面開始需要更多元的內容呈現方式時,內建區塊往往仍需要搭配額外設計與 CSS 調整。特別像是企業首頁、產品介紹、服務頁面、作品集或行銷型 Landing Page,單純依靠文字、圖片、按鈕與欄位組合,往往需要花費不少時間處理細節。
Gutenberg Essential Blocks 外掛程式就是在 WordPress 內建區塊編輯器上增加一套完整的區塊擴充工具。目前提供 70 多個 Gutenberg 區塊,涵蓋內容展示、版面配置、互動元件、WooCommerce、文章列表、圖片與導航等用途,同時加入區塊模式、模板以及 AI 內容與圖片生成功能。
從基本延伸至完整
Gutenberg Essential Blocks 外掛程式讓 Gutenberg 不再只是撰寫一般文章,也能處理較複雜的頁面設計。目前提供的區塊包含 Accordion、Button、Call To Action、Countdown、Flipbox、Infobox、Notice、Pricing Table、Social Icons、Team Member、Slider 等,也包含 Row、Post Grid、Gallery、Advanced Navigation、Image Hotspots、Timeline 與 WooCommerce 相關區塊,共計超過 66 個可用區塊。
完整的版面配置
一般區塊編輯器最容易遇到的問題,是內容本身不難建立,但不同區塊之間的寬度、間距、排列方式與響應式行為需要額外處理。Gutenberg Essential Blocks 外掛程式提供 Row 與 Flex Container 等版面相關功能,讓區塊可以建立較複雜的排列結構,並針對不同裝置調整版面。這對製作首頁 Hero Section、服務卡片、產品展示區域或多欄式內容尤其有用。另外,區塊本身也提供大量樣式設定,包括色彩、字體、間距、尺寸與其他視覺效果,因此許多常見設計需求可以直接透過區塊設定完成,而不必每次都撰寫自訂 CSS。
區塊模式
如果每一個頁面都從空白開始設計,網站製作速度很容易受到影響。Gutenberg Essential Blocks 外掛程式提供預先設計好的 Gutenberg Block Patterns,可以直接加入編輯器,再依網站內容進行修改。WordPress 本身的 Block Pattern 概念,就是將多個區塊組合成可重複使用的版面結構。加入 Pattern 後,可以修改其中的文字、圖片、顏色與其他內容,而不必重新建立整個結構。
Templately 範本
Gutenberg Essential Blocks 外掛程式也與 Templately 整合,Templately 提供超過 3,000 個 AI 輔助的 Gutenberg 網站與頁面範本,涵蓋部落格、電子商務、教育、餐飲、作品集、科技、旅遊等不同類型。模板可以插入後再進行客製化,也能搭配 Templately 雲端服務保存設計與進行團隊協作。
AI 內容
Gutenberg Essential Blocks 外掛程式已經加入 AI 功能,除了網站版面設計,也能協助處理文字與圖片內容。Write With AI 可以根據輸入的關鍵字與提示產生頁面或文章內容;針對支援的 Rich Text 欄位,也能直接產生、修改或個人化文字內容。這類功能適合用於建立初稿、整理段落或快速產生版面所需的示範文字。
AI 圖片
Gutenberg Essential Blocks 外掛程式也能直接從 Gutenberg 編輯器產生 AI 圖片,圖片生成可以輸入提示詞,並調整 AI 模型、圖片類型與尺寸等設定,再將產生的圖片用於 Gutenberg 區塊。對於需要快速建立網站示意稿、文章封面或視覺素材的情境,這項功能可以減少另外開啟圖片生成工具的步驟。
全站設定
Gutenberg Essential Blocks 外掛程式提供全域色彩與 Typography 控制,可以統一處理網站中的部分視覺設定,也能將已經調整好的區塊樣式保存並套用到其他區塊。例如網站已經確定標題字體、按鈕樣式與主要色彩後,就不需要在每一個頁面重新設定相同的視覺規則。
總結
Gutenberg Essential Blocks 外掛程式不只是提供大量 Gutenberg 區塊,而是將區塊、版面配置、Pattern、範本、樣式控制與 AI 工具組合成一套較完整的 WordPress 頁面製作流程。免費版本已經提供大量常用區塊、區塊模式、樣式控制、模組化管理與 Copy Paste Style 等功能,足以應付許多一般網站的頁面設計需求。更進階的條件顯示、Dynamic Tags、ACF 支援與 One Page Navigation 等功能則主要放在 Pro。
外掛程式名稱:Gutenberg Essential Blocks – Page Builder for Gutenberg Blocks & Patterns
外掛程式網址:https://wordpress.org/plugins/essential-blocks/
