多數人看到「Blocksy」這個名字，直覺會以為這是一款用區塊打造版面的全站編輯佈景主題，名字裡就帶著「block」這四個字母，想歪很正常。實際打開它的後台才發現，操作的主場其實是傳統的 WordPress 自訂器（Customizer），區塊編輯器只是它整合進來的其中一塊拼圖，不是全部。這個誤解不是壞事，恰恰說明 Blocksy 把兩套系統銜接得夠自然，連長期用它的人都很少去分辨這條界線。
Blocksy 是一款免費的 WordPress 佈景主題，在 WordPress.org 佈景主題目錄的活躍安裝數超過 30 萬，評論分數維持在滿分 5 顆星附近。它的定位是讓不寫程式的人，也能靠拖放與視覺化設定，排出一個外觀精細、載入速度也兼顧的網站，不必額外裝一套完整的頁面編輯器。免費版能做的事其實比多數人以為的還多，只是有幾項常被中文教學誤植為免費功能的模組，實際上鎖在付費版裡。
Blocksy 是什麼？以自訂器為核心，而非完整區塊佈景主題
開發 Blocksy 的公司叫 CreativeThemes，這款主題自 2019 年正式推出以來，歷經多個版本的迭代更新。它在 WordPress.org 佈景主題目錄的活躍安裝數超過 30 萬，872 則評論裡有 862 則給了 5 顆星，只有極少數評論落在 4 星以下，整體評分維持在滿分。目前最新版本停在 2.1.56，需要 WordPress 6.7 以上、PHP 7.0 以上才能安裝，版本更新頻率算勤快，官方會持續補上小修正與新功能。
真正該搞清楚的，是它跟「區塊佈景主題」（Full Site Editing，簡稱 FSE）的差別。FSE 主題把整個網站（包含頁首、頁尾、模板）都交給區塊編輯器管理，你在編輯器裡直接拖放區塊決定版面。Blocksy 走的是另一條路：它的骨架仍然靠 WordPress 傳統的自訂器控制，頁首、頁尾、色彩、字體這些全站設定都在自訂器的即時預覽視窗裡完成；區塊編輯器則負責文章內文與頁面內容。換句話說，它是一款經典佈景主題，只是把區塊編輯器整合得很深，深到很多使用者分不出兩者的界線。
這個界線也反映在 WordPress.org 的分類標籤上，Blocksy 被歸類在 Custom colors、Custom logo、Custom menu、Theme options 這幾個傳統主題常見的標籤底下，而不是 FSE 主題常見的標籤。這不是官方分類出錯，而是它本來就不屬於那個類別。官方自我定位也講得直接：一款免費、100% 相容 Gutenberg 編輯器與區塊，同時也支援 Elementor、Brizy、Beaver Builder 等主流頁面編輯器的 WordPress 主題，不管你習慣哪一套編輯環境，都不必為了換主題重新學一套工作流程。
免費的 Blocksy 主題本身可以獨立運作，但少了搭配的免費外掛 Blocksy Companion，很多進階功能都用不到。它同樣在 WordPress.org 有超過 30 萬安裝、4.7 分評價，官方把它定位成取得「完整 Blocksy 體驗」的必要拼圖，只是安裝順序容易被新手搞錯。
佈景主題搭配 Companion 外掛才是完整安裝方式
安裝順序很單純，在 WordPress 後台點「外觀→佈景主題→新增」，搜尋 Blocksy，安裝並啟用就完成主題本身的部署。啟用之後，後台通常會跳出一則提示，建議你順手安裝 Blocksy Companion 這支外掛。很多人看到這則提示會遲疑要不要裝，擔心多裝一支外掛拖慢網站，但這支恰好是例外。
Companion 扮演的角色，是把 Blocksy 從一款好看的骨架，升級成一整套可以直接開始建站的系統。裝了它才解鎖 Starter Sites（整站範本一鍵匯入）、Extensions（電子報、熱門文章這類擴充模組）與 Theme Blocks（可重複使用的區塊元件庫）這三塊。官方文件講得很坦白，這支外掛不是佈景主題運作的必要條件，少了它 Blocksy 依然能正常顯示網站，但官方仍然建議裝上去，才能拿到完整體驗。換句話說，免費版的豐富度有一大半其實裝在 Companion 裡，只裝主題不裝外掛，等於只拿到一半的免費資源。
頁首建置器，元件持續增加、用拖放方式排出版面
Header Builder 是 Blocksy 最核心的免費功能之一，運作邏輯是拖放，不是寫 CSS。後台把頁首拆成上、中、下三個橫列（官方稱為 top row、main row、bottom row），你要放的元件用滑鼠拖進對應橫列，畫面即時預覽排列結果，調整完直接就是最終樣子，不用切換到前台重新整理才看得到效果。
官方持續在擴充免費版可用的頁首元件種類，數量還在增加中。除了最基本的 Logo 之外，比較特別的幾種包括 Account（登入與註冊入口）、Languages（語言切換，適合多語系網站）、HTML（讓開發者塞自訂程式碼）、Trigger（觸發行動版的收合選單）。每個元件放進橫列之後，還能各自打開一組進階選項，而且這些選項可以依裝置分別設定，同一個元件在桌機、平板、手機上顯示與否、顯示方式都能各自調整，不必為了行動版另外做一套頁首。
頁首本身也能設定成 Sticky（捲動時固定在畫面頂端）或 Transparent（透明疊在內容上方，常用在有大圖首圖的首頁）。行動裝置那端，Blocksy 會把排不下、或相對不重要的元件收進 off-canvas 面板，使用者點一下觸發按鈕才展開，版面不會因為塞太多元件而在小螢幕上擠成一團。
要提醒的是，免費版的 Header Builder 只能設計一組頁首，全站共用同一套版面。想針對不同頁面、不同文章類型顯示不同頁首，得靠條件式頁首這項功能，而這項屬於付費的 Blocksy Pro，後面會有專門一節講清楚免費與付費在這裡的分界。
頁尾版面、社群圖示和捲動效果的自訂彈性
Footer Builder 沿用跟頁首完全相同的拖放邏輯，同樣分成幾個橫列、同樣即時預覽，學會其中一套，另一套幾乎不用重新適應。它獨有的設定集中在幾個地方：可以把社群平台的連結圖示直接排進頁尾，訪客不用往下滑到頁面最底端才找得到聯絡管道；也能開啟捲動顯示（scroll reveal）效果，讓頁尾隨著使用者捲動畫面逐漸浮現，取代一次性生硬跳出的感覺；此外還能整組切換頁尾的視覺風格，不必逐一調整每個區塊的顏色與間距。
跟頁首一樣，免費版的 Footer Builder 也只能做一組頁尾。想依商店頁面、部落格文章分別顯示不同頁尾內容，同樣要靠付費版的條件式頁尾才能做到，免費版著重的是把單一頁尾做得多細緻。
色彩調色盤一鍵套用，字體選擇多達九百款
色彩與字型是免費版視覺客製化最扎實的兩塊。Color Palettes 提供一系列預設調色盤，選一組套用就能讓全站配色維持一致，也可以完全自訂一組屬於自己的顏色組合。套用範圍還分兩種層級：可以在單一處全域調整，牽動整個網站的配色；也能只針對某個局部元素單獨微調，不影響其他地方，這對想要小幅修改、又不想動到整體設計的使用者特別方便。
字體選擇的量體也不小，支援超過 900 款 Google Fonts，而且不是整站只能套一種字體，標題、按鈕、引言各個層級都能分別指定字體，層級之間可以刻意做出反差（例如標題用襯線體、內文用無襯線體），排版的表情就活起來。自訂器介面本身也內建深色模式（Dark Mode），長時間在後台調整設計時，眼睛不用一直盯著刺眼的白底介面。
五種文章列表版型，搭配可調式頁面首圖
文章與商品的列表頁（Archive 頁面）提供 5 種現代化版型可以切換，而且不是整站綁死同一種，部落格文章列表、商品列表可以各自套用不同版型，依內容性質挑最適合的呈現方式，不用外掛就能做到這件事，對很多還在用預設陽春列表的網站來說，是立即能感受到差異的一項功能。
搭配列表版型的，還有 Page Hero Section，也就是頁面最上方的首圖與標題區塊，可以加上視差（parallax）效果，捲動畫面時背景圖與文字產生不同步的移動速度，製造出立體的層次感。縮圖的顯示比例（Image Aspect Ratio）也能設定，橫式、直式或正方形都能切換，讓不同來源、不同尺寸的圖片在列表頁裡維持整齊劃一的視覺節奏，不會因為原始圖片比例不一而讓版面顯得零散。
區塊編輯器整合到每個頁面都能單獨調整顯示設定
前面提過 Blocksy 把區塊編輯器整合得很深，深到內建的 Patterns 就是一批預先設計好的內容區段，像是醒目的 Hero 大圖區、定價表、團隊介紹、推薦見證這類常見版面，全部歸類在區塊編輯器的「Blocksy」分類下，插入之後可以再自行調整文字與樣式。這些 Patterns 完全用原生區塊組成，不需要額外裝外掛，也不必碰任何複雜設定，對不熟悉版面設計的使用者是很直接的捷徑。
版面對齊也支援完整的 wide 與 full 兩種寬度，搭配區塊編輯器原生的對齊功能，可以做出滿版大圖、或比正文欄寬一些的區塊，增加版面的呼吸感。更細緻的是，Blocksy 提供 4 種單篇頁面類型（Single Page Types）的設定，讓你能針對不同性質的內容套用不同的顯示規則。
真正貼心的地方，是這些設定可以下放到每一篇文章或頁面各自調整，而不是全站統一套用。想在某篇文章隱藏頁首、拿掉頁尾、關閉特色圖片顯示，或是拿掉分享按鈕區塊，都能在該篇文章的設定面板裡個別勾選，不影響其他文章的呈現方式。這種逐頁彈性，是很多同類主題只能做到全站統一的地方，Blocksy 反而下放到單篇層級。
WooCommerce 商店整合不假外掛，快速預覽與購物車體驗都內建
經營網路商店，Blocksy 免費版就內建幾項電商基本功能，不必額外裝外掛才能用。Product Quick View 讓訪客在列表頁點一下商品，就能用彈窗看到商品摘要與規格，不必真的跳轉到商品頁，省下往返的等待時間。加入購物車也走 AJAX Add To Cart，點下去購物車數量即時更新，頁面不會整個重新整理，客人不必等頁面刷新完才確認商品加進去了。
商品相簿提供 4 種呈現風格可以切換，搭配單一商品頁裡可設定的付款圖示（讓客人一眼看到支援哪些付款方式）、購買理由（強調退換貨保證、到貨時間之類的信任訊號）、分頁樣式（商品說明、規格、評論分頁怎麼呈現）。商品有多種款式（例如顏色、尺寸）時，相簿也能依變體切換顯示對應的圖片，客人選了某個顏色，看到的圖片就自動換成那個顏色的實拍。這些都屬於免費版就能用的基礎功能，想再往上加願望清單、商品比較這類進階互動，則是後面 Shop Extra 那節要講的付費範圍，這裡先劃清界線。此外，Blocksy 也相容多供應商（multi-vendor）外掛，適合想做成多商家平台的網站延伸使用。
即時搜尋、相關文章和側邊欄黏性顯示
訪客願不願意多停留、多點開下一頁，常常取決在幾個小工具有沒有做到位。Live Search 是即時搜尋，訪客打字的當下結果就同步顯示，不必按下 Enter 才看到清單；搜尋範圍還能限定在特定文章類型，或排除掉不想被搜到的頁面。如果是商店網站，商品的搜尋結果甚至能直接顯示縮圖與價格，訪客不用點進去才知道要不要看下一筆。
Related Posts（相關文章）放在文章底部，把讀者導向他可能感興趣的下一篇內容，是降低跳出率最基本、也最有效的做法之一。側邊欄支援 Sticky Sidebars，捲動內文時側邊欄的重要資訊（例如目錄、廣告、訂閱表單）會跟著黏在畫面上，不會捲一捲就消失在螢幕外。分頁樣式（Pagination Types）提供標準頁碼、數字分頁、載入更多這幾種選擇，可以依網站性質挑最順手的瀏覽方式。另外還有多個 Widget Areas（可放置小工具的區域）與一系列 Custom Widgets 內建可用，側邊欄要放什麼素材，選項比想像中多。
SEO、結構化資料與延遲載入寫進佈景主題底層
看得到的頁首頁尾之外，Blocksy 在底層也做了幾件跟排名與效能有關、但使用者看不到的工程。官方宣稱從程式碼的第一行就把 SEO 納入考量，並且內建合法有效的 Schema 結構化資料標記，讓搜尋引擎能更準確解讀頁面內容。隱私合規上支援 GDPR，協助網站更容易符合歐盟這套個資規範的要求。效能面則內建 Lazy Loading，不在使用者目前視窗範圍內的圖片不會搶頻寬，捲到才載入，對長頁面的載入速度有實質幫助。國際化的部分也做到 Translation Ready，主題本身不含寫死的字串，理論上能翻譯成任何語言。
底層技術用的是 React 元件搭配 Webpack 的程式碼分割（code splitting），只載入使用者實際用得到的功能對應的程式碼，不會把整套系統的程式碼一次全塞進瀏覽器；搭配 Babel 確保跨瀏覽器相容，後端則建立在 PHP 7 與 ECMAScript 7 之上。官方行銷頁也宣稱測出過 95% 的 Google PageSpeed 分數與 100% 的 GTmetrix 分數，這組數字是官方自家測試環境下的結果，實際網站的分數會因為內容多寡、圖片大小、主機品質而變動，不是每個人裝上去都會拿到一模一樣的分數，看待這類宣稱時把它當參考值，不是保證值。
免費版內建的四款擴充功能涵蓋電子報和熱門文章
回到前面提過的 Companion 外掛，它解鎖的 Extensions 面板裡，目前有 4 款是真正的免費擴充，不是行銷話術裡籠統的豐富生態系。Cookies Consent 內建 Google Analytics 整合，協助網站顯示同意橫幅、符合當地的隱私法規要求；Newsletter Subscribe 讓你在網站任何位置插入電子報訂閱表單，不必另外找外掛處理名單蒐集。
Product Reviews 新增一種自訂文章類型，專門用來做評測型內容，適合想經營聯盟行銷（affiliate marketing）網站的使用者；Trending Posts 則會抓出網站裡目前最熱門的文章或商品，做成區塊放在網站各個角落，幫讀者看到別人也在看什麼。這四款都是免費、實際存在、且開箱即用的功能，跟一般免費主題常見「這是進階功能，升級才能用」的話術不同，是這款主題的差異化重點。
四十多套 Starter Sites 範本相容多款主流頁面編輯器
整站要換版型，Starter Sites 這套範本庫是最快的路徑，目前收錄超過 40 套設計，而且數量還在持續增加。涵蓋的產業類型相當多元，部落格、企業形象網站、電商、非營利組織、法律事務所、寵物用品店都找得到對應的範本，不是只服務單一產業。多數範本可以搭配 Gutenberg 或 Elementor 匯入，少數還額外支援 Brizy，匯入之前系統會先確認你安裝了哪套頁面編輯器，再提供對應的匯入選項。
一鍵匯入的時候，可以勾選要匯入的項目，只匯入版型設定、只匯入小工具、只匯入範例內容，或是全部一次匯入，彈性留給使用者自己決定。要提醒的是，匯入動作會取代現有內容，官方建議在全新安裝的網站上操作，或者先備份再匯入，避免蓋掉已經做好的東西。範本庫本身混合了免費與付費（Pro）兩種，並不是全部 40 多套都能免費使用，挑選範本前要留意畫面上有沒有標示 Pro 字樣，免得選中喜歡的版型卻發現要先升級才能匯入。
內容區塊、條件式頁首頁尾，付費版才解鎖的彈性
免費版與付費版最重要的分界，就落在 Content Blocks 與條件式頁首、頁尾這兩項功能上，很多中文教學文章在這裡寫錯，值得花點篇幅講精準。依照官方的方案比較文件，這兩項其實只在付費的 Blocksy Pro 才能使用，連最低階的付費方案都涵蓋在內，不是免費版的一部分。免費版能把「單一」頁首、頁尾、側邊欄做得很細緻，前面幾節講的都是這個範圍；但沒辦法做到「同時準備多組、依條件切換顯示哪一組」，這件事需要 Pro。
Content Blocks 分成三種型態：Hooks（掛載到網站特定版位的自訂內容區塊）、Pop-ups（彈出視窗）、Templates（自訂範本）。以 Hooks 來說，建立之後可以選擇要掛載到官方預先定義好的哪個版位，設定載入的優先序（數字愈小愈早載入），還能依裝置（桌機、平板、手機）分別決定要不要顯示。這套系統從 Blocksy 第 2 版開始，也能直接以區塊的形式插入頁面內文重複使用，不限於掛載到固定版位。
真正讓這套系統有彈性的，是搭配的 Conditional Module（條件模組）。它可以控制內容與封存頁（全站、所有單篇、所有封存頁、特定文章、頁面、分類標籤，或自訂文章類型）、WooCommerce 情境（商店首頁、單一商品、特定商品分類、標籤、屬性、品牌）、訪客的登入狀態與角色、日期時間範圍或每週固定日期，甚至請求來源（Referer、Cookie、URL 參數）。Basic Mode 可以單獨加條件，Advanced Mode 則能用 AND 邏輯把多個條件群組起來，做出像「條件 A 成立，或者條件 B 與條件 C 同時成立」這種複雜判斷。條件式頁首、條件式頁尾、多組側邊欄、Content Blocks、Trending Posts 這些支援的功能，都能套用這套條件邏輯，只是頁首、頁尾、側邊欄要做到多組並存這件事本身，就已經跨進 Pro 的範圍。
Shop Extra 與 Post Types Extra 兩項進階擴充
如果前面提到的免費電商功能還不夠用，Blocksy Pro 的 Business 方案（以上）解鎖了兩個大型擴充模組，同樣要先說清楚，這兩項是付費 Business 方案以上才有，最低階的 Personal 方案並不包含。
Shop Extra 針對電商經營做了大量進階功能：商品變體（顏色、尺寸）可以用色塊或圖片取代預設的下拉選單，選購時一眼就看得到有哪些款式；願望清單（Wishlist）讓客人先收藏、之後再決定要不要下單；商品比較（Compare Products）能把幾樣商品並排對照規格；品牌呈現（Advanced Product Brands）、自訂商品分頁（Custom Product Tabs）、進階評論（Advanced Reviews）、進階商品篩選（Advanced Product Filters）也都在這個模組裡。另外還包含加強版的 Quick View、庫存告急提示（Stock Scarcity）、免運門檻提示條（Free Shipping Bar）、尺寸指南（Size Guides）這類提升轉換率的小工具。
Post Types Extra 則是針對一般內容（文章、頁面）的進階功能：閱讀時間估算與閱讀進度條（讓讀者知道這篇要花多久看完、看到哪裡了）、自訂欄位的動態資料顯示、依分類法篩選文章、分類頁的客製化設定，以及相關文章輪播（比一般 Related Posts 更活潑的呈現方式）。這兩個模組合起來，補的正是免費版跟 Personal 方案都沒有觸及的深度電商經營與深度內容經營這塊。
三種付費方案的差異從單一網站延伸到代理授權
三個付費方案（Personal、Business、Agency）之間的差異，是完整看懂 Blocksy 免費與付費界線的最後一塊拼圖。三者解鎖的功能一層比一層多，前面提到的 Content Blocks、條件式頁首頁尾，從最低階的 Personal 方案就開始解鎖；Shop Extra 與 Post Types Extra 則要 Business 方案以上才有。另一個差異維度是授權的網站數量：Personal 限用在 1 個網站，Business 可以用在 10 個網站，Agency 則不限制網站數量，愈往上愈適合同時經營多個站台，或是接案、代管客戶網站的工作型態。
計費方式上，三個方案都同時提供年繳與買斷（lifetime）兩種選擇，不是只能訂閱制。官方也給了一個常被使用者問到的保證，就算不續約，已經用 Blocksy Pro 建好的網站仍然會正常運作，只是拿不到之後的新功能、新範本與技術支援；而且官方明講絕對不會把免費版原本就有的功能抽掉，再包裝成付費版的賣點，免費版的既有功能會一直保留下去。White Label（把 Blocksy 的品牌識別換成自己的名稱、說明文字、截圖與圖示，並限制客戶存取後台特定區域）只有 Agency 方案才提供，設計給接案的代理商或工作室使用，單一網站經營者用不到這項。三個方案都附帶 14 天鑑賞期，不滿意可以申請退款，降低試用的門檻。
把整篇拆解攤開來看，Blocksy 的免費版其實比多數同類主題慷慨：頁首頁尾建置器、色彩字型系統、五種列表版型、WooCommerce 基礎功能、即時搜尋、四款真正免費的擴充，這些光靠免費版就能組出一個外觀完整、載入夠快的網站。真正該留意的是那條清楚的分界線——多組條件式頁首頁尾、Content Blocks、Shop Extra 與 Post Types Extra 這些進階彈性，鎖在 Blocksy Pro 裡，而不是免費版的一部分。搞懂這條線畫在哪裡，才不會在後台找半天，或是誤信坊間教學說某項功能免費就有，結果裝了主題才發現要另外升級。挑主題這件事，說到底還是先盤點自己真正需要哪些功能，再回頭比對免費版夠不夠用，這比單看下載量或評分數字更實際。