很多人裝完 Blocksy 後第一個反應是「設定怎麼這麼多」,然後對著自訂器發呆——這正是這款主題最被誤解的地方。Blocksy 的免費版功能多到接近付費主題,但選項一多,新手反而抓不到該先動哪裡、哪些是免費就能用、哪些得開 Pro 才有。
這篇 Blocksy 主題教學不打算逐顆按鈕帶你點,而是把兩件事講清楚:免費版實際能做到什麼程度、Pro 版多花的錢買到的是哪些功能。看完你會知道自己的網站到底需不需要升級,而不是先付了錢才發現用不到。
Blocksy 是一款什麼樣的 WordPress 主題
Blocksy 是一款主打輕量與高自訂度的免費 WordPress 主題,定位介於「快速套版」與「完全客製」之間,適合願意花一點時間調設定、換取版面掌控權的使用者。它由 CreativeThemes 團隊在 2019 年推出,在 WordPress.org 上的下載次數已累積到數百萬量級,評價長期維持滿分,是近幾年成長最快的主題之一。
要先釐清一個常見誤會:Blocksy 雖然名字有 Block,但它不是區塊主題(Block Theme),也不支援完整網站編輯(Full Site Editing)。它本質是「經典主題 + 現代化自訂器」的組合,核心設定集中在 WordPress 自訂器(外觀 > 自訂)裡,而不是站台編輯器。這個架構決定了它的操作邏輯,也是後面所有設定的前提。
相容性是它的強項。Blocksy 與多數頁面編輯器搭得起來,包括區塊編輯器(Gutenberg)、Elementor、Brizy、Beaver Builder,因此你不必為了用 Blocksy 而放棄手上慣用的編輯器。也可以搭配 Stackable、Greenshift 這類區塊擴充來補強文章內可用的版面元件。
Blocksy 免費版到底能做到哪些事
免費版的核心價值,是把不少主題要付費才開放的功能直接給齊。最有感的是頁首與頁尾建構器——多數同級主題的拖曳式 Header / Footer Builder 屬於 Pro 功能,Blocksy 免費版就能用:把選單、標誌、搜尋、社群圖示、按鈕、HTML 等元件拖進上中下三列、每列再分左中右,即時預覽即時改。
自訂器本身分成三大塊,涵蓋了一個網站從外到內的設定:
- 一般選項:管全站寬度、按鈕樣式、麵包屑(導覽標記)、表單元素、社群帳號、返回頂端、匯入匯出設定。
- 內容類型:管網誌文章列表、單篇文章版面、分類彙整、作者頁、搜尋結果頁的外觀與顯示元素。
- 核心:管網站識別(標題、說明、網站圖示)、選單、小工具、首頁類型、附加 CSS。
色彩與字型走全域管理的路線。色彩可建一組調色盤,之後在編輯器裡直接點選,不必每次重填色碼;排版樣式能針對 H1 到 H6 標題、內文、按鈕、引述、圖片說明分別指定字型與字重,並串接數百種 Google 字型。
電商的基礎整合也在免費版裡。裝了 WooCommerce 後,Blocksy 提供單一商品頁與商品彙整頁的版面設定、AJAX 加入購物車、商品變化圖庫、付款圖示等基本電商外觀,對小型商店初期已經夠用。
性能優化是 Blocksy 的招牌。它採模組化程式碼,只在用得到的頁面載入對應的程式,並提供延遲載入圖片、停用 Emoji 腳本、動態 CSS 輸出(檔案或內嵌擇一)等選項。主題本體檔案很小,一般情況載入表現與 Astra、GeneratePress 同級,實測常落在 A 級評分區間。要提醒的是,主題快不代表整站快——外掛裝太多、圖片沒壓縮、用外部連結載 Google 字型,一樣會把速度拖下來。
Companion 外掛附帶的三個免費擴充
Blocksy 的部分重要功能要靠官方免費外掛 Blocksy Companion 才會出現,例如固定式頁首(吸附功能)、麵包屑、動態數據、多種動畫效果,因此安裝它幾乎是必做步驟。順帶一提,固定頁首是免費功能,不需要為了它升級 Pro。
Companion 還附三個免費擴充,到 Blocksy 後台的擴充功能頁開啟即可:
- Cookie 同意視窗:進站時跳出告知使用 Cookie 的通知,有歐盟訪客(GDPR)時建議開。
- 單一產品評論:替 WooCommerce 商品頁的評論區套用統一版面,適合電商與聯盟行銷站。
- 熱門文章:依時間範圍自動顯示高互動文章的小工具,適合內容型網站提高留存。
免費版的限制與三個常被誤會的點
免費版很強,但不是沒有天花板,有幾個限制最好在開站前就知道。
第一個是沒有完整網站編輯(FSE)。如果你期待像區塊主題那樣在站台編輯器裡直接拉所有版面,Blocksy 給不了——它的設定在自訂器裡,邏輯不同。這不是缺點,只是你要先接受它的操作模式。
第二個是官方範本數量偏少。比起一鍵生出整站的主題,Blocksy 提供的 starter site 相對精簡,風格也偏客製導向。換句話說,它更適合「我想自己調出想要的樣子」而不是「我想最快上線一個現成網站」的人。
第三個是文章內可插入的功能區塊較少。Blocksy 本身不附大量內容區塊,想在文章裡放進階版面元件,通常得另外裝 Stackable、Greenshift 這類區塊外掛,概念上類似 Astra 要搭 Spectra。
還有兩個體驗面的現實要先講:其一,繁體中文介面翻譯不完全,部分項目會中英混雜,設定時偶爾要靠英文原意判斷;其二,Blocksy 的選項多、不少設定綁「邏輯條件」,新手初期容易在自訂器裡迷路,學習曲線比那種開箱即用的主題陡。願意花時間摸,它的彈性會回報你;只想最快上線,可能會覺得門檻偏高。
Blocksy Pro 多了什麼、哪些功能真的有感
Pro 版的價值不在「多幾個按鈕」,而在「條件化」與「電商」這兩條主線。最能拉開差距的,是把免費版「全站只能一套」的限制打開。
最有感的幾項功能可以這樣看:
- 條件式頁首、頁尾、資訊欄:免費版全站共用同一套,Pro 可依頁面、文章類型、分類等條件套不同的頁首頁尾與側邊欄組合。這對結構稍複雜的網站幫助最大。
- 進階選單(Mega Menu):做多欄位下拉選單、在選單項目加圖示與徽章,選單一多時專業感差很多。
- 內容區塊(Content Blocks):自訂彈出視窗、促銷橫幅、勾點(hooks)內容、甚至自訂 404 頁,並能設顯示條件與觸發方式(滾動、點擊、離開頁面)。
- 本機 Google 字型:把字型下載到自家主機並預載,省去外部請求的 DNS 查詢與連線協商,對載入速度有實質幫助。建議預載一到兩種字型、每種三到五個字重就好,避免佔用太多主機資源。
- Shop Extra 電商擴充:快速檢視、願望清單、側邊滑出購物車、免運進度條、自訂結帳與感謝頁、商品篩選器、等候名單等。這些功能換成獨立 WooCommerce 外掛往往要另外花錢,Pro 一次補齊。
此外還有暗黑模式切換元件、捷徑列(固定在底部的行動選單)、自訂程式碼片段、Adobe 字型、文章篩選器與閱讀進度條等。Pro 也支援 Adobe 與可變字型,字型彈性比免費版高一階。
免費版夠用還是該開 Pro,看你的網站類型
判斷該不該升級,別看功能清單,看你的網站屬於哪一種。下面這張對照可以直接套:
| 網站類型 | 免費版夠不夠 | 主要理由 |
|---|---|---|
| 個人部落格、形象官網 | 夠用 | 全站一套頁首頁尾、基本版面就能滿足,免費版的自訂度已足以做出乾淨專業的樣子 |
| 內容型 / 聯盟行銷站 | 多半夠用 | 熱門文章、產品評論等免費擴充可用;若想要彈出視窗導流或進階選單才考慮 Pro |
| 小型電商(品項不多) | 看需求 | 基礎商品頁夠用;若需要願望清單、快速檢視、商品篩選器,Shop Extra 比另買外掛划算 |
| 中大型電商 | 建議 Pro | 條件式版面與 Shop Extra 幾乎是必需,能省下多個付費外掛的開銷 |
| 會員 / 課程 / 預約服務站 | 建議 Pro | 不同頁面要不同版面與側邊欄,條件式功能是關鍵 |
一個實用的判斷原則:當你發現自己開始想「這個頁面想換一套頁首」「這類商品想單獨一種版面」「我需要依條件跳不同視窗」,就是免費版的天花板到了,升級才有意義。在那之前,把錢省下來、先用免費版把內容做扎實,通常是更划算的選擇。
Blocksy Pro 的方案與費用怎麼算
Blocksy 採免費增值(freemium)模式,主題本體永久免費,進階功能透過購買 Blocksy Pro 解鎖。官方目前提供三種方案,差別主要在授權網站數與可用擴充的完整度:
- Personal:授權單一網站,開放核心 Pro 擴充,適合個人站。
- Professional:授權多個網站,解鎖完整擴充(含 Shop Extra、Post Types Extra 等),電商與接案常選這檔。
- Agency:授權數量最多,功能最完整,適合大量建站的工作室。
每個方案都有「年訂閱」與「一次買斷(lifetime)」兩種付法。年訂閱單站目前約落在每年數十美元起,買斷則是一次性較高金額、之後不再續費;官方在特定促銷檔期(例如黑色星期五)常有折扣。由於價格會隨方案調整與促銷波動,實際金額請以 CreativeThemes 官方定價頁為準,這裡只說明結構,不列死數字。
挑方案的邏輯很單純:只經營一個網站就 Personal;會同時管多站、或需要完整電商擴充就 Professional;以建站為業才上 Agency。多數個人與小型商家落在前兩檔之間。
Blocksy 跟 Astra、GeneratePress 差在哪
同樣主打輕量,Blocksy 與 Astra、GeneratePress 是常被放在一起比的三款主題,選擇邏輯其實有清楚的分野。
Blocksy 最大的優勢是「免費版給得多」。Header / Footer Builder、WooCommerce 基本整合、完整自訂器,這些在 Astra、GeneratePress 上有部分屬於付費功能,Blocksy 免費就開放,對預算有限又想要版面掌控的人很友善。性能上三者相近,實測載入時間都很快,差距通常來自主機與內容而非主題本身。
代價是學習曲線。Astra 與 GeneratePress 的設定相對精簡直覺,上手快;Blocksy 選項多、又有不少條件式邏輯,新手要花較多時間熟悉。內容區塊上三者半斤八兩,都建議搭專屬區塊外掛(Blocksy 配 Stackable、Astra 配 Spectra)。
簡單歸納:想要免費就拿到接近付費主題的彈性、又願意花時間摸設定,Blocksy 是甜蜜點;只想最快、最省心地上線一個乾淨網站,Astra 或 GeneratePress 的低門檻可能更適合你。
先用免費版把網站做起來,需要再升級也不遲
Blocksy 值得學的核心理由,是它讓你在不花錢的前提下,就拿到頁首頁尾建構器、全域色彩字型、基本電商整合與性能優化這些扎實的底子。對絕大多數個人站、形象站與內容站來說,免費版不只是「能用」,而是「夠好」。
真正該開 Pro 的時機,是當你的網站開始需要「不同頁面套不同版面」或「進階電商功能」——那時條件式頁首頁尾與 Shop Extra 帶來的省力,才對得起多花的訂閱費。在那之前,先裝好 Blocksy 與 Companion 外掛,把自訂器六大區一輪設好、內容填扎實,你的網站就已經贏過大多數匆忙套版上線的同行了。