WordPress 快速入門
Blocksy佈景主題設定/修改網站整體外觀&字型
Blocksy 是本站使用的佈景主題，負責整個網站的「共通外觀」：字型、顏色、頁首頁尾、文章列表長什麼樣。單一頁面的版面用 Elementor 排，每一頁都會變的東西則在這裡設定。
怎麼進去
兩個入口，內容一樣：
- 後台 外觀 → 自訂（會開啟即時預覽，左邊改、右邊立刻看到結果）
- 前台上方工具列的自訂
改完一定要按左上角的發佈，沒按就離開等於沒改。
字型
一般 → 排版（Typography），分成幾組各自設定：
| Base / 基礎 | 內文字型與大小。中文建議 16–18px，行高 1.7–1.9 |
| Headings H1–H6 | 各級標題。建議只改 H1、H2，其餘讓它照比例縮 |
| Content Links | 內文連結的顏色與底線 |
字型清單裡的 Google Fonts 多數不含中文，選了之後中文會退回系統預設。要穩定的中文顯示，建議挑 Noto Sans TC（思源黑體）或 Noto Serif TC。
字型最多兩種就好。標題一種、內文一種。每多一種字型就多一次下載，手機上會明顯變慢。
顏色
一般 → 色彩（Colors）。Blocksy 用的是色票（palette）概念：你在這裡定義幾個顏色，網站各處都引用它們，之後要換色只要改這裡一次。
- Palette 1通常是主色（按鈕、連結）。
- Text / Headings是內文與標題的文字色。純黑
#000在白底上會刺眼，建議用深灰或深色調的品牌色。 - 改完請確認對比度夠：淺色的字配淺色底，在手機戶外幾乎看不見。
頁首與頁尾
Header 與 Footer 兩個區塊用的是拖拉式的版面編輯器：左側有可用的元件（logo、選單、按鈕、購物車、搜尋），拖到上中下三列的格子裡即可。
- 桌機與手機是分開的兩排，上方可以切換。手機版常見的遺漏是忘記把 logo 或購物車拖進去。
- 選單旁邊想要一顆「立即預約」按鈕的話，拖一個 Button 元件進去，在它的設定裡填文字與連結。
- 頁首要不要在捲動時固定（sticky），在 Header 的 Sticky 設定裡開。
其他常用的
| Site Identity | 網站 logo、favicon（瀏覽器分頁小圖示） |
| General → Layout | 內容區最大寬度、側邊欄在左還是在右 |
| Blog Posts | 文章列表與單篇文章的版型、要不要顯示作者與日期 |
| WooCommerce | 商店頁與商品頁的版型（有開購物車才會出現） |
一次只改一件事，改完就看前台。自訂介面的選項很多，連改十項之後發現版面壞掉，會很難回推是哪一項造成的。