區塊佈景主題（Block Theme）
從 WordPress 5.9 開始支援的新型佈景主題，由 HTML 與 theme.json 組成。整體是以「區塊」為基礎，在編輯器中就能調整整個網站的版型與內容。
講白話一點：拖拉式設計 + 視覺化切版，不太需要寫程式。
經典佈景主題（Classic Theme）
沒有限定 WordPress 版本，使用 PHP、JS、CSS 開發。可以透過 PHP 的 函式、鉤子 (hooks)、過濾器 (filters) 自訂功能。
講白話一點：寫程式控制畫面與功能，自由度超高。
安裝 Elementor 區塊編輯器
這次示範我會選擇使用 Elementor 搭配區塊佈景主題，因為簡單又方便。
安裝過程如下：
- 安裝 Elementor Plugin
- 點擊 Activate 啟用
- 安裝步驟先按 Skip
- 進入 Elementor 編輯器
- 回 WordPress 後台下載 Hello Elementor 主題
- 修改頁面名稱
- 套用一個免費模板
- 左邊結構清楚好維護
- 按下 Publish 並預覽
到這邊你就可以開始佈置你自己的個人網站囉！
hello-elementor 主題結構分析
以下是 hello-elementor 主題的檔案結構簡介：
hello-elementor/
├── includes/ ← Elementor 整合核心功能
├── modules/ ← Elementor 後台模組
├── template-parts/ ← header/footer 等模板
├── comments.php ← 留言區模板
├── footer.php ← 頁尾結構
├── functions.php ← 功能註冊用
├── header.php ← 頁首區塊
├── index.php ← 預設首頁
├── sidebar.php ← 側邊欄（如果有）
├── style.css ← 主題資訊 & CSS
├── theme.json ← 樣式、字體、變數設定
├── theme.php ← 核心啟動檔案
├── readme.txt ← 主題說明
├── screenshot.png ← 預覽圖
├── phpcs.xml, package.json, webpack.config.js ← 開發設定
└── composer.json ← 相依性設定幾個主題開發必要檔案：
| 檔案名稱 | 用途 |
|---|---|
style.css | 主題資訊＋基本樣式 |
templates/index.html | 區塊主題預設模板 |
functions.php | 自訂功能 PHP |
screenshot.png | WordPress 後台預覽圖 |
主題 vs 外掛，差在哪？
根據 WordPress 官方建議：
| 分類 | 主要用途 |
|---|---|
| 主題 Theme | 管理「外觀」：頁面排版、配色、字型等 |
| 外掛 Plugin | 控制「功能」：聯絡表單、作品集、會員系統等 |
例如：
若你把作品集功能寫在主題裡，當換主題時資料就會消失。
但如果功能寫在外掛中，換主題時依然保留。
延伸閱讀：WordPress Theme 官方文件
WordPress Theme Developer Handbook
今天的內容就到這邊
Keep going, you’re getting stronger.
我們下篇文章見
