使用 Blocksy 佈景主題做 WordPress 網站時，很多人會遇到一個問題：文章正文、標題、按鈕、圖片說明，到底要不要每一個區塊都自己設定字體大小？
其實不用。Blocksy 本身就有全站排版設定，只要先把預設字型、標題大小與行高設定好，之後在 Gutenberg 區塊編輯器裡，大部分文字都可以直接使用佈景主題預設值，不需要每一段都重新指定。
Blocksy 的預設文字大小在哪裡設定？
進入 WordPress 後台後，依序前往：
- 外觀
- 自訂
- 一般選項
- 排版樣式
在「排版樣式」裡，可以看到基本字型、H1～H6、按鈕、引用、引述、未格式化文字、圖片說明等項目。
這裡設定的不是某一篇文章，而是整個網站的預設排版。設定好之後，文章、頁面與大部分 Gutenberg 區塊，只要沒有另外指定字級，就會優先使用這套全站設定。
如果 Gutenberg 沒有指定字體大小，會抓哪一個？
一般段落文字如果沒有指定 font-size，通常會使用 Blocksy 的「基本字型」大小。
例如基本字型設定為 19px，那麼下面這種一般段落：
<!-- wp:paragraph -->
<p>這是一段一般文字</p>
<!-- /wp:paragraph -->在沒有其他 CSS 或區塊樣式覆蓋的情況下，前台通常就會顯示成 19px。
同樣的道理，H2 沒有另外指定大小，就會使用 Blocksy 的 H2 預設；H3 則會使用 H3 預設。
一組適合中文網站的 Blocksy 全站文字設定
如果網站以繁體中文為主，又同時有部落格文章、服務頁、銷售頁與 Gutenberg 區塊頁面，可以先從下面這組數值開始。
| 項目 | 字級 | 字重 | 行高 |
|---|---|---|---|
| 基本字型 | 19px | 500 | 1.8 |
| H1 | 42px | 700 | 1.2 |
| H2 | 34px | 700 | 1.25 |
| H3 | 28px | 700 | 1.3 |
| H4 | 24px | 700 | 1.4 |
| H5 | 21px | 700 | 1.45 |
| H6 | 19px | 700 | 1.5 |
| 按鈕 | 18px | 700 | 1.4 |
| 引用 | 21px | 400 | 1.7 |
| 引述 | 19px | 400 | 1.75 |
| 未格式化文字 | 19px | 400 | 1.7 |
| 圖片說明 | 16px | 400 | 1.5 |
這不是唯一正確答案，而是一組比較適合中文閱讀、層級也比較清楚的起始值。之後可以再依自己的網站寬度、字型與品牌風格微調。
為什麼基本字型建議用 19px？
很多 WordPress 網站正文仍使用 16px～18px，但繁體中文筆畫比較多，如果網站欄位較寬、文章又偏長，字太小很容易讓閱讀變得吃力。
19px 是一個滿實用的中間值：比 18px 更舒服，又不像 20px 那麼容易讓側邊欄或卡片內容變得太擁擠。
如果你的網站主要是長篇文章，可以考慮 19px；如果內容大多是短文、卡片或資訊密度較高的頁面，也可以保留 18px。
H1～H6 不要設定得太接近
排版最常見的問題之一，就是 H1、H2、H3 大小差距太小。
例如 H1 30px、H2 26px、H3 25px，H2 與 H3 只差 1px，讀者幾乎感覺不到層級差異。文章一長，就很難一眼看出哪裡是主要章節、哪裡是下一層內容。
比較清楚的比例可以是：
42 / 34 / 28 / 24 / 21 / 19
這樣 H1、H2、H3 的視覺差距會明顯很多，部落格文章和銷售頁都比較容易閱讀。
中文字體的行高不要設太小
只調字體大小還不夠，行高也很重要。
中文筆畫密集，如果正文使用 19px，行高卻只有 1.3 或 1.4，整篇文章看起來會很擠。長時間閱讀會特別明顯。
正文可以先設定在 1.75～1.8；標題則依大小逐步縮短行高。大標題通常 1.2～1.3 就很適合，小標題則可以放寬到 1.4～1.5。
Gutenberg 重要標題還是可以個別指定
全站預設設定好之後，大部分內容都不需要再指定。但銷售頁、Hero 區塊、深色背景區塊，還是可以針對重要元素另外設定。
例如某個 Hero 的 H1 想放大成 54px，就可以只修改那一個標題，不會影響整個網站。
另外，深色背景裡的 H1、H2、H3，建議直接在標題區塊本身指定文字顏色，不要只依賴父層區塊的文字顏色繼承。這樣可以避免佈景主題的全域標題顏色把白色標題覆蓋掉。
「使用佈景主題樣式」要不要開？
區塊編輯器偏好設定裡有一個「使用佈景主題樣式」選項，建議保持開啟。
它的作用不是阻止 Blocksy 套用樣式，而是讓區塊編輯器裡看到的字型、顏色與排版盡量接近前台。這樣在後台編輯時，就比較容易提早發現標題大小、字型或顏色不一致的問題。
設定全站預設，比每一段手動調整省事很多
如果網站會長期寫文章、做銷售頁或建立課程內容，最省時間的方法不是每一篇重新調整，而是先把 Blocksy 的全站排版設定好。
設定好基本字型、H1～H6、按鈕與行高之後，Gutenberg 大部分文字都可以直接繼承預設。只有真正需要特別強調的區塊，再另外指定字級或顏色。
這樣不只編輯速度更快，整個網站的文章、服務頁與銷售頁也會比較一致，不會每一頁看起來都像不同人做的。