跟大家分享 Otter Blocks 外掛程式，這是 WordPress 網站頁面編輯選擇中一個又酷又免費的外掛選擇。
在建置 WordPress 網站時，許多人會在「安裝一整套頁面建構外掛（如 Elementor、Divi）」與「只用預設 Gutenberg 區塊編輯器」之間猶豫。前者功能齊全但體積龐大、容易拖慢後台速度，後者輕量卻缺少排版彈性，做不出精緻的區段、彈出視窗或動畫效果。Otter Blocks 外掛程式正是為了填補這個落差而開發設計而生的，不需要換掉編輯器，直接在 Gutenberg 裡加上一整批進階功能，讓區塊編輯器本身升級成一套輕量頁面編輯工具。
Otter Blocks 是什麼
Otter Blocks 外掛程式由 Themeisle 團隊開發，是一款開放原始碼的 Gutenberg 區塊擴充外掛，原始碼公開於 GitHub（Codeinwp/otter-blocks）。根據「Blocks」清單，外掛目前登記 18 種區塊類型，涵蓋版面、互動、動態內容三大類別，Otter Blocks 外掛程式另稱提供「20 多種額外區塊」，兩者計算基準略有不同，實際數量以外掛啟用後在區塊清單中顯示為準。
主要功能總覽
- 版面與視覺類區塊：Section（多欄區段，最多 6 欄，可分別設定背景色、圖片或漸層）、Advanced Heading（進階標題，支援字型變化與局部反白）、Icon、Icon List、Flip Box（翻轉卡片效果）、Content Timeline（時間軸）等，適合快速排出精緻的版面結構。
- 互動類區塊：Accordion（手風琴收合選單）、Tabs（分頁切換）、Popup（彈出視窗，可設定載入時、離開頁面時、點擊錨點或捲動時等多種觸發條件）、Modal（這個是 Pro 付費版功能）、Content Slider（輪播滑塊，每張投影片可放入任何 Gutenberg 區塊，而非僅限圖片）。
- 動態內容與表單類區塊：Posts Block（顯示文章、頁面或自訂文章類型清單）、Form（聯絡表單，可整合 Brevo、Mailchimp，並支援 Webhook 與 hCaptcha 防護）、Product Review（產品評測表，含優缺點列表與購買按鈕）、Countdown、Progress Bar、Circle Counter 等進度／倒數類區塊。
- 可見性條件（Visibility Conditions）：可依「使用者是否已登入」「是否為特定角色」等條件控制區塊顯示與否；付費版進一步開放依 URL 查詢字串、日期區間、星期、時段，以及 WooCommerce 購物車金額、商品分類等條件顯示區塊，適合做會員限定內容或促銷情境。
AI 功能
Otter Blocks 外掛程式近期版本加入多項 AI 輔助工具，是與同類外掛程式的主要差別之一。
- AI Block（免費）：在編輯器內輸入需求描述，可以直接生成 Hero、Features、Pricing、Testimonials、Call to Action 等區段類型的實際可編輯區塊，並自動比對網站主題色彩與版面風格。
- AI Toolbar（免費）：選取任意文字後，可執行改寫、摘要、擴寫、精簡、翻譯、調整語氣、修正文法等操作，也能自訂提示詞並排列工具順序。
- AI Form Autoresponder（付費）：依表單欄位內容自動生成個人化回覆訊息，並可設定備用訊息。
上述三點 AI 功能透過 WordPress 7.0 內建設計的 AI 連接器運作，使用者只需設定一次偏好的 AI 服務供應商，各項 AI 功能即可共用同一組連線設定。
Otter Blocks 外掛程式免費版本已經涵蓋大多數區塊與基礎可見性條件，足以應付一般部落格與形象網站排版需求。對於單純用於內容型網站的排版需求，免費版本已經非常足夠。如果有 WooCommerce 商品頁建構區塊（Add to Cart、商品評測比較表）、Business Hours（營業時間表）、Live Search、Modal…等編輯上的需求，那麼就需要評估付費版本才能擁有較完整的功能。
什麼網站適用
Otter Blocks 外掛程式比較適合已經在使用 Gutenberg 編輯器，同時希望在不額外安裝重量級頁面編輯器外掛的前提下，取得進階排版與動畫效果的網站管理者，像是需要地圖展示行程的旅遊部落格、需要進度條與見證區塊呈現成果的非營利組織，或是需要產品評測比較表的開箱評測型網站。若是網站已經高度依賴 Elementor 或 Divi 等現有頁面編輯器外掛程式的特定版型與外掛生態，那麼轉換成本就需要另外評估。
外掛程式名稱：Otter Blocks – Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE
外掛程式網址：https://wordpress.org/plugins/otter-blocks/
