本文是日文原文的在地化版本。 閱讀日文原文
Blocksy 是可以免費使用的多功能 WordPress 佈景主題。大部分設定都能在「外觀」（Appearance）→「自訂」（Customize）（自訂器）中一邊看預覽一邊進行，標頭與頁尾則可以用拖放的方式組合。本文依設定的順序，說明佈景主題與輔助外掛「Blocksy Companion」的安裝、一開始就該決定的色彩與字型、標頭的製作方式、部落格列表與文章頁面的顯示設定，以及子佈景主題的準備。
了解 Blocksy 的組成
Blocksy 由下列 3 個部分組成。
- Blocksy（佈景主題本體）：可從 WordPress.org 免費取得。具備自訂器中的設計設定，以及標頭・頁尾建構器
- Blocksy Companion（免費外掛）：負責匯入入門網站（示範資料）與新增擴充功能
- Blocksy Pro（付費）：加入額外的標頭元素、條件式顯示、更細緻的版面配置功能等
建議先從佈景主題本體加上 Companion 的組合開始，等到發現免費範圍內的功能不夠用時，再考慮 Pro（功能的區分與價格可能會改變，請以 2026 年 10 月現在官方網站的資訊為準）。
另外，Blocksy 的架構偏向傳統佈景主題，同時也支援區塊編輯器。它與用網站編輯器（「外觀」→「編輯器」）建構整體的區塊佈景主題，操作位置不同，所以只要記住「整體設計在自訂器，文章與頁面的內容在區塊編輯器」，就不會搞混。
安裝與 Companion 的安裝
- 在「外觀」→「佈景主題」（Themes）→「新增佈景主題」（Add New）中搜尋「Blocksy」，安裝並啟用
- 從啟用後顯示的提示，或後台新增的 Blocksy 儀表板，安裝並啟用 Blocksy Companion
使用 WP-CLI 可以像下面這樣安裝。
wp theme install blocksy --activate
wp plugin install blocksy-companion --activate如果是要切換既有網站的佈景主題，請事先備份整個網站。更換佈景主題後，前一個佈景主題獨有的短代碼、小工具、選單的顯示位置等，有時不會被沿用。
要不要使用入門網站
安裝 Companion 之後，就可以從 Blocksy 的儀表板匯入「入門網站」。因為設計好的頁面、自訂器的設定、需要的外掛都會一併安裝，所以對新網站來說，可以很快抓到完成後的樣子。
不過，在已有文章的網站上匯入，還是避免比較保險。因為會新增示範用的頁面、圖片、選單，自訂器的設定也會被覆寫，之後會搞不清楚哪些是原本的設定。如果要使用，建議在新網站的最初階段，或先在預備環境（staging）試用，再只仿照需要的設定。
一開始要決定的整體設定
打開「外觀」→「自訂」，就會列出 Blocksy 的設定項目。項目名稱多半已翻譯成中文，但依版本不同，表記可能會改變。一開始先處理的是對整體有影響的下列 2 項。
色彩（調色盤）
在整體設定中的色彩設定裡，決定網站使用的基本色調色盤。在 Blocksy 中，文字顏色、連結顏色、按鈕顏色等，都是參照這個調色盤的顏色，所以只要更改調色盤，整個網站的配色就會一併切換。
如果在個別的地方直接指定顏色，之後想更換配色時就得一個一個去改。基本上以調色盤決定，只有真的想用不同顏色的部分才個別指定，是比較容易管理的做法。
字型（排版）
在排版（Typography）設定中，決定內文與標題的字型、文字大小、行距。對中文網站要注意的是，即使選了歐文字型，也不會套用在中文字元上。中文的部分會以瀏覽者裝置上的字型顯示，所以內文的字型請維持「系統字型」等預設值，或指定支援中文的字型。
如果用網頁字型載入中文字型，檔案很大，可能會影響顯示速度。要使用的話，請縮減字重的種類，並用 PageSpeed Insights 等確認對顯示速度的影響。
組合標頭
打開自訂器的標頭項目，畫面下方會顯示標頭建構器。標頭分成上、中、下三列，把標誌（網站標題）、選單、搜尋、按鈕等元素，拖放到各列的左、中、右來配置。
容易卡關的地方是，電腦版與手機版的標頭是分別設定的。把建構器的顯示切換到手機，就會顯示另一套配置。在手機上，基本上是把選單放在從漢堡圖示（觸發器）打開的「離屏選單（off-canvas）」之中。如果只設定電腦版就發佈，就會發生手機上不出現選單之類的狀況，所以兩種顯示都要確認。
點選元素之後，該元素的設定（文字大小、顏色、間距等）會顯示在左側。選單中要顯示的項目本身，是在「外觀」→「選單」（Menus）中建立，再指派給標頭的選單元素。
頁尾也是用同樣概念的頁尾建構器來組合。如果想變更小工具區域或版權標示的配置，請從頁尾項目編輯。
部落格列表與文章頁面的顯示
自訂器中，依頁面類型準備了文章列表（部落格）、單篇文章、頁面等設定項目。
- 文章列表：卡片式・列表式等排列方式、每列的欄數、精選圖片（Featured image）的比例、摘要（Excerpt）的長度、要顯示的文章資訊（發佈日期、分類等）
- 單篇文章：內容區域的寬度、側邊欄的有無與位置、標題部分的顯示方式、相關文章與作者資訊的顯示
- 頁面：與單篇文章相同，設定寬度與側邊欄的有無
對文章頁面的易讀性影響很大的是內文的橫向寬度。中文的長文如果一行太長就難以閱讀，所以不放側邊欄時，請把內文寬度設得窄一些，並確認在手機上文字不會變得太小。
如果想只改變特定文章的版面配置，可以從文章編輯畫面側邊欄所顯示的 Blocksy 設定中，進行只對該篇文章移除側邊欄之類的指定。
準備子佈景主題
如果直接編輯佈景主題的檔案，變更會在佈景主題更新時消失。只是稍微加一點 CSS 的話，用自訂器的「額外的 CSS」就夠了。如果需要自訂 PHP 或覆寫範本，就要建立子佈景主題。
Blocksy 的官方網站提供子佈景主題的範本。自己建立時，請在 wp-content/themes/blocksy-child/ 放入下面的 style.css，
/*
Theme Name: Blocksy Child
Template: blocksy
*/再用同一個資料夾中的 functions.php 載入子佈景主題的樣式。
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'blocksy-child-style',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
}, 20 );切換到子佈景主題後，自訂器的設定會與父佈景主題分開儲存，所以在父佈景主題中設定的內容可能會看不到。自訂器的設定，只要安裝了 Companion，就可以用匯出・匯入的功能移轉，所以在切換到子佈景主題之前先匯出，就能避免重做。
更新與營運的注意事項
Blocksy 與 Companion 會頻繁更新。更新之前請先備份，更新後則要把標頭、文章頁面、手機顯示都檢查一遍。如果顯示跑掉，請先清除快取類外掛或 CDN 的快取再重新確認。如果使用會合併・壓縮 CSS 的加速外掛，舊的 CSS 可能殘留而看起來版面崩壞。
總結
- Blocksy 先從佈景主題本體加 Blocksy Companion 開始使用，等知道哪些功能不夠再考慮 Pro
- 入門網站請用在新網站或預備環境，在既有網站上要注意設定會被覆寫
- 色彩以調色盤、文字以排版來決定整體。要注意歐文字型對中文不會生效
- 標頭建構器的電腦版與手機版是分開的。兩種顯示都要確認，要動 PHP 的話請使用子佈景主題
對 WordPress 有疑問嗎？本站營運方位於日本，僅以日文回覆。 聯絡我們（日文）