當主題開發規模變大,從空白資料夾手刻所有檔案會變得沒效率。本章介紹 Underscores 與 Sage 兩種常見工具,幫助你理解 starter theme 與現代化主題開發流程。

本章學習目標

能理解 starter theme 的價值,比較 Underscores 與 Sage 的差異,並判斷何時需要導入建置工具。

10.1 Underscores 佈景主題

Underscores 是 Automattic 推出的 starter theme,提供乾淨的模板結構、基本樣式與 WordPress 主題常見檔案。它不是拿來直接當成最終主題,而是開發起點。

Underscores 適合的情境

  • 想從接近空白但結構完整的主題開始。
  • 需要學習標準模板檔如何組織。
  • 不想一開始導入複雜建置流程。

檢視產生後的主題

產生後可觀察 template-partsincfunctions.php 與各種模板檔如何分工。建議先跑起來,再逐步刪除不需要的部分。

10.2 Sage 簡介與使用

Sage 是 Roots 生態中的現代化 starter theme,導入 Blade 模板、Composer、Vite 與較完整的前端建置流程。它適合熟悉命令列、套件管理與現代前端工具的團隊。

Sage 的優點與成本

  • 優點:模板清楚、資源建置現代化、適合團隊協作。
  • 成本:學習曲線較高,部署流程也比傳統主題複雜。
  • 建議:小型教學或簡單網站可先用傳統主題,大型專案再評估 Sage。

本章練習

  1. 下載或產生一份 Underscores 主題。
  2. 找出它的文章列表、單篇文章與模板片段檔案。
  3. 比較 Underscores 與前面手工主題的差異。
  4. 閱讀 Sage 文件,列出導入前需要具備的工具知識。