WordPress主題開發基礎同埋環境搭建
WordPress主題決定咗網站嘅外觀同前台功能。一個主題嘅核心係一組模板檔案、樣式表同可選嘅功能檔案，佢哋一齊協作，將數據庫入面嘅內容（例如文章、頁面）用特定嘅設計呈現俾訪客。
主題嘅必備檔案同結構
一個最基本嘅WordPress主題至少需要兩個檔案：style.css同埋index.php。style.css唔單止提供樣式，佢檔案頭部嘅註釋區塊仲用嚟向WordPress聲明主題資訊，例如名稱、作者、版本等等。index.php係主要嘅模板檔案，當冇其他更具體嘅模板匹配嗰陣，WordPress會默認用佢。
一個結構清晰嘅主題目錄通常包含以下文件：
- style.css：主樣式表。
- index.php: 主模板。
- functions.php：主題功能檔案，用嚟添加功能、註冊菜單、側邊欄等等。
- header.php：頁頭模板。
- footer.php：頁尾模板。
- sidebar.php：側邊欄模板。
- page.php:頁面模板。
- single.php:文章模板。
- archive.php：歸檔頁模板。
推薦閱讀 WordPress主題開發指南：從零開始構建專業級網站。
搭建本地開發環境
喺開始編碼之前，建立一個本地開發環境係好重要嘅。咁樣可以令你喺唔影響線上網站嘅情況下進行測試同除錯。推薦使用集成嘅本地伺服器軟件包，例如 Local by Flywheel、XAMPP 或者 MAMP。呢啲工具會一鍵安裝 PHP、MySQL 同網頁伺服器（例如 Apache 或者 Nginx）。
安裝好本地環境之後，你需要喺入面安裝一個全新嘅 WordPress。跟住，將你嘅主題檔案夾放喺 WordPress 安裝目錄下嘅wp-content/themes/路徑中。之後，你就可以喺WordPress後台嘅「外觀」->「主題」度睇到同啟動你嘅主題喇。
核心模板檔案同模板層級
WordPress用一套叫做「模板層級」嘅智能系統，嚟決定對於某個特定嘅頁面請求，應該用邊個模板檔案嚟呈現內容。理解呢套層級關係係主題開發嘅核心。
理解模板層級嘅工作流程
當用戶訪問一個網址嗰陣，WordPress會從最具體嘅模板開始搵，如果唔存在，就會退返去更通用嘅模板，最終退返到index.php。例如，當訪問一篇特定文章時，WordPress會按順序查找：single-{post-type}-{slug}.php -> single-{post-type}.php -> single.php -> singular.php -> index.php。呢種設計令開發者可以非常精細咁控制唔同內容嘅顯示方式。
常用核心模板文件詳解
- header.php：通常包含文檔類型聲明、區域（引入CSS、JS）同網站頁頭嘅HTML結構。喺其他模板中通過get_header()函數調用
- footer.php：包含網站頁腳嘅HTML同引入嘅腳本。通過get_footer()調用。
- page.php：用嚟顯示靜態頁面。可以通過創建好似page-about.php咁樣嘅檔案嚟自訂關於頁面。
- single.php：用嚟顯示單篇文章。可以通過single-post.php嚟自訂「文章」類型嘅單頁，或者single-book.php嚟自訂自訂文章類型「book」嘅單頁。
- archive.php：用嚟顯示文章列表，例如分類目錄、標籤、作者文章列表等等。更詳細嘅好似category.php、tag.php會優先使用。
推薦閱讀 WordPress主題開發全攻略：從零到一構建專業級網站主題。
主題功能與WordPress API整合
一個現代化嘅主題唔單止係靜態模板嘅堆砌，更加需要透過WordPress提供嘅各種API嚟集成強大嘅動態功能。
透過函數文件增強主題
functions.php文件係你嘅主題嘅「控制中心」。喺呢度，你可以加主題支援嘅功能、登記導航選單、定義側邊欄（小工具區域）、排隊引入樣式同腳本。
例如，為你嘅主題加文章縮略圖支援、自訂徽標同HTML5標記支援，只需要喺functions.php加入：
add_theme_support( 'post-thumbnails' );
add_theme_support( 'custom-logo' );
add_theme_support( 'html5', array( 'comment-list', 'comment-form', 'search-form', 'gallery', 'caption', 'style', 'script' ) );註冊菜單位置：
function mytheme_register_menus() {
register_nav_menus( array(
'primary' => __( '主导航菜单', 'mytheme' ),
'footer' => __( '页脚菜单', 'mytheme' ),
) );
}
add_action( 'after_setup_theme', 'mytheme_register_menus' );使用掛鈎進行定制
掛鈎（Hooks）係WordPress插件架構同主題定制嘅基石。分為動作掛鈎（Action Hooks）同過濾器掛鈎（Filter Hooks）。動作掛鈎容許你喺特定時刻「執行」自己嘅代碼，例如喺文章內容之後加啲信息。過濾器掛鈎容許你「修改」數據，例如修改文章標題或者摘要嘅長度。
例如，用wp_enqueue_scripts動作掛鈎嚟正確引入主題嘅樣式表同腳本文件：
推薦閱讀 WooCommerce開發指南：從零開始建立專業電商網站。
function mytheme_enqueue_scripts() {
// 引入主样式表
wp_enqueue_style( 'mytheme-style', get_stylesheet_uri() );
// 引入自定义JavaScript文件
wp_enqueue_script( 'mytheme-script', get_template_directory_uri() . '/js/main.js', array(), false, true );
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_scripts' );主題樣式、腳本與響應式設計
現代網站必須喺各種裝置上都顯示得好。呢個意味住你嘅主題需要係響應式嘅，而且資源（CSS, JavaScript）嘅管理需要高效、規範。
編寫模組化與響應式CSS
建議使用CSS預處理器（例如Sass或者Less）來編寫模組化、易維護嘅樣式代碼。從移動裝置優先（Mobile First）嘅原則開始編寫樣式，然後用媒體查詢（Media Queries）逐步增強喺大屏幕嘅體驗。
在style.css中間，確保視口（viewport）元標籤被正確設定（呢個通常喺header.php入面，經由wp_head()函數自動處理）。你嘅CSS應該用相對單位（例如rem, %），同埋確保圖片、影片等媒體元素可以自適應容器。
安全高效噉載入腳本
千祈唔好直接喺模板文件度透過<link>或<script>標籤硬編碼引入資源。必須要用wp_enqueue_style()同埋wp_enqueue_script()函數，同埋透過wp_enqueue_scripts鉤子掛載。咁做嘅好處係：避免重複載入、處理依賴關係、方便插件同子主題覆蓋，而且可以將腳本擺喺頁尾以提高頁面載入速度。
對於需要依賴jQuery嘅腳本，需要喺wp_enqueue_script()嘅依賴數組度聲明，WordPress會自帶jQuery庫：
wp_enqueue_script( 'mytheme-interactive', get_template_directory_uri() . '/js/interactive.js', array('jquery'), '1.0.0', true );最後一個參數true表示將腳本擺喺頁尾。
摘要
WordPress主題開發係一門結合咗前端技術（HTML、CSS、JavaScript）同PHP編程嘅綜合技能。由理解最基本嘅style.css同埋index.php開始，逐步掌握模板層級、核心模板文件嘅拆分同調用，就係構建主題嘅骨架。跟住，透過functions.php同WordPress豐富嘅API（例如主題支援、菜單、小工具、掛鉤）為骨架注入血肉同靈魂，實現各種動態功能。最後，跟隨現代前端開發最佳實踐，編寫響應式、模組化嘅樣式，同埋規範地管理腳本，確保最終產出嘅主題唔單止功能強大、設計美觀，而且性能優異、易於維護。掌握呢啲技能，你就可以由零開始，打造出完全符合項目需求嘅個人化WordPress網站。
常見問題
### 開發WordPress主題必須精通PHP嗎？
係呀，需要具備紮實嘅PHP基礎。雖然前端技術（HTML/CSS/JS）決定咗主題嘅外觀同互動，但所有動態內容嘅獲取、邏輯判斷、模板文件嘅組織同調用都依賴PHP。你需要理解PHP語法、WordPress核心函數同模板標籤嘅使用。
點樣可以令我嘅主題支援子主題？
為咗令你嘅主題可以安全咁自訂，建議將佢設計成「父主題」，並支援子主題。關鍵步驟包括：喺父主題度用get_template_directory_uri()攞資源路徑（而唔係用get_stylesheet_directory_uri()），用get_template_part()函數去載入模板片段，同埋喺文件度清楚講明邊啲模板檔案可以被覆寫。子主題開發者只需要創建一個新嘅style.css同埋聲明Template: your-theme-folder-name就可以繼承所有功能。
主題開發點樣確保安全性？
主題開發必須跟從WordPress安全最佳實踐。對所有從用戶端或數據庫攞到並輸出到頁面嘅數據，都一定要進行轉義。使用WordPress提供嘅轉義函數，例如esc_html()、esc_attr()、esc_url()同埋wp_kses_post()。喺將數據插入數據庫之前，要進行驗證同清理。千祈唔好直接使用echo $_GET[‘param’]呢類代碼。
點樣為我嘅主題加自訂設定頁面？
你可以用WordPress設定API嚟整專業同安全嘅主題選項頁面。呢個需要註冊設定、加設定章節同欄位。雖然手動寫code都做到，但係對於初學者或者需要複雜選項嘅情況，建議用Redux Framework、Kirki呢啲成熟嘅選項框架庫，佢哋提供直觀介面同豐富欄位類型，可以大大提升開發效率。
開發完成嘅主題點樣提交到WordPress官方主題目錄？
提交之前，請確保你嘅主題嚴格跟足《WordPress主題審查標準》。呢個包括代碼標準、安全性、功能實現、私隱權等多個方面。你需要先喺WordPress官網開個帳戶，然後用Theme Check插件本地測試你嘅主題，修復晒所有錯誤同警告。最後，透過提交系統上傳你嘅主題壓縮檔，等審核團隊審查。呢個過程可能需要幾星期時間。
下一步應該點做?
延伸閱讀及實用知識
以下內容與本文主題相關,適合進一步閱讀。一般而言,最好由與你目前問題最緊密相關的文章開始,然後逐步擴展到周邊主題。