環境準備同基礎概念
喺開始動手開發之前，建立一個高效嘅工作環境同埋理解WordPress主題嘅基礎架構係至關重要嘅。
本地開發環境嘅搭建
一個穩定嘅本地環境係高效開發嘅基石。推薦使用Local（由Flywheel開發）或者MAMP、XAMPP等集成環境。安裝完成之後，確保環境中包含PHP（建議7.4或更高版本）、MySQL/MariaDB同埋Apache/Nginx伺服器。跟住，下載最新嘅WordPress核心檔案並完成安裝。另外，一個稱手嘅代碼編輯器例如Visual Studio Code或PhpStorm，同埋用喺瀏覽器調試嘅開發者工具都係必不可少嘅。
理解主題嘅目錄結構
一個標準嘅WordPress主題通常包含一系列必需同可選嘅檔案。最核心嘅檔案係style.css同埋index.php。style.css唔單止提供樣式，佢嘅檔案頭部註釋仲定義咗主題嘅元信息，例如主題名稱、作者、描述同版本號。其他重要嘅模板檔案包括用喺文章單頁嘅single.php、用於頁面單頁嘅page.php、用於文章歸檔列表嘅archive.php同埋用嚟顯示搜尋結果頁面嘅search.php。非模板文件，例如用於主題功能嘅functions.php同埋用嚟預覽主題截圖嘅screenshot.png，都係主題嘅重要組成部分。理解呢個結構係組織代碼嘅基礎。
推薦閱讀 WordPress主題開發：從零開始打造你嘅專屬網站設計。
創建你嘅第一個主題
等我哋由零開始，創建一個最基本嘅「Hello World」主題，嚟理解各個核心文件嘅作用。
定義主題樣式表頭部資訊
建立主題嘅第一步係喺主題根目錄度開個style.css檔案。檔案頂部嘅註解區塊就係WordPress辨認主題嘅「身份證」。呢段資料好緊要，一定要正確填寫。
/*
Theme Name: My First Theme
Theme URI: https://example.com/my-first-theme/
Author: Your Name
Author URI: https://example.com/
Description: 这是一个用于学习WordPress主题开发的简单主题。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-first-theme
*/其中，Text Domain用嚟做國際化，係之後載入翻譯文字嘅識別碼。開好呢個檔案之後，你就可以喺WordPress後台嘅「外觀」->「主題」度見到一個叫做「My First Theme」嘅主題。
構建基礎嘅核心模板檔案
單靠style.css，個主題仲未可以正常運作。跟住，我哋要建立最基本嘅index.php檔案。呢個係主題嘅後備範本，當其他更特定嘅範本唔存在嗰陣，WordPress就會用佢。
在index.php入面，你可以由最簡單嘅HTML結構同WordPress核心函數開始：
推薦閱讀 深入解析WordPress主題開發：由入門到精通嘅核心技術指南。
<!DOCTYPE html>
<html no numeric noise key 1005>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head(); ?>
</head>
<body no numeric noise key 1002>
<header>
<h1>我第一個WordPress主題</h1>
</header>
<main>
<?php
if ( have_posts() ) :
while ( have_posts() ) : the_post();
the_title( '<h2>', '</h2>' );
the_content();
endwhile;
else :
echo '<p>未找到任何内容。</p>';
endif;
?>
</main>
<footer>
<p>© 網站頁尾</p>
</footer>
<?php wp_footer(); ?>
</body>
</html>呢個檔案引入咗幾個關鍵函數：wp_head()同埋wp_footer()係必須調用嘅掛鉤，用嚟畀插件同WordPress核心喺頁面頭部同尾部插入必要嘅代碼（例如樣式、腳本）。the_title()同埋the_content()用於輸出文章嘅標題同內容。
引入功能檔案並進行初始化
functions.php係你主題嘅「大腦」，用嚟存放所有自訂函數、註冊功能（例如選單同側邊欄）、增加主題支援同引入腳本同樣式。呢個檔案喺主題初始化時會自動載入。
<?php
// 主题初始化函数
function my_first_theme_setup() {
// 让WordPress管理文档标题
add_theme_support( 'title-tag' );
// 启用文章和评论的Feed链接
add_theme_support( 'automatic-feed-links' );
// 启用文章缩略图功能
add_theme_support( 'post-thumbnails' );
// 注册一个主菜单
register_nav_menus( array(
'primary' => __( '主导航菜单', 'my-first-theme' ),
) );
}
add_action( 'after_setup_theme', 'my_first_theme_setup' );
// 注册并加载样式表
function my_first_theme_scripts() {
wp_enqueue_style( 'my-first-theme-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'my_first_theme_scripts' );主題模板層級同進階功能
掌握咗基礎之後，需要深入理解WordPress點樣選擇模板文件，同埋學習點樣實現好似自定義菜單、側邊欄呢啲高級功能。
理解模板層次結構
WordPress嘅模板層級係一個強大嘅系統，佢根據而家瀏覽緊嘅頁面類型，跟住特定嘅順序去搵最匹配嘅模板文件。例如，當訪問一篇博客文章嗰陣，WordPress會順次序搵single-post-{slug}.php、single-post-{id}.php、single-post.php、single.php最後先至回退到index.php。理解呢個流程，你可以創建針對特定分類、頁面甚至作者嘅精美模板。用get_template_part()函數可以模組化咁組織模板片段，例如將頁頭（header）、頁腳（footer）同文章循環（loop）分開到獨立嘅檔案入面，提高代碼重用性。
實現導航菜單同小工具區域
為咗喺主題度加導航菜單，你需要完成兩步：首先，喺functions.php入面用register_nav_menus()註冊菜單位置（好似前文咁樣）。跟住，喺模板文件（例如header.php）入面需要顯示菜單嘅位置，調用wp_nav_menu()函數嚟顯示佢。
wp_nav_menu( array(
'theme_location' => 'primary',
'menu_class' => 'primary-menu',
'container' => 'nav',
) );小工具（Widget）區域，或者叫側邊欄（Sidebar），俾用戶可以透過後台拖拽嘅方式自訂頁面模組。要註冊一個小工具區域就需要用到register_sidebar()函數。
推薦閱讀 網站建設全攻略：由零到上線，打造專業企業網站嘅完整流程指南。
function my_first_theme_widgets_init() {
register_sidebar( array(
'name' => __( '主侧边栏', 'my-first-theme' ),
'id' => 'sidebar-1',
'description' => __( '在此处添加小工具。', 'my-first-theme' ),
'before_widget' => '<section id="%1$s" class="widget %2$s">',
'after_widget' => '</section>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
) );
}
add_action( 'widgets_init', 'my_first_theme_widgets_init' );註冊咗之後，你就可以喺後台嘅「外觀」->「小工具」度見到「主側邊欄」，然後將小工具加落去。喺模板度，用dynamic_sidebar( 'sidebar-1' )函數就可以喺指定位置顯示小工具區域嘅內容。
主題自訂化同效能優化
一個優秀嘅主題唔單止功能完善，仲應該易於定制同埋運行高效。
構建自定義選項同控制面板
隨住主題功能增多，將可配置項整合到WordPress後台係專業化嘅體現。你可以用WordPress嘅設置API來構建安全、標準化嘅選項頁面。對於更複雜嘅配置，好多開發者會選擇用Kirki等定制器框架，或者原生集成到「外觀」->「自定義」面板入面。
一個簡單嘅添加自訂Logo支援嘅例子如下。首先，喺functions.php度聲明主題支援自訂Logo功能：
add_theme_support( 'custom-logo', array(
'height' => 100,
'width' => 400,
'flex-height' => true,
'flex-width' => true,
) );然後，喺主題嘅頁頭模板度，用the_custom_logo()函數嚟輸出用戶上傳嘅Logo。
優化主題性能嘅技巧
性能係用戶體驗嘅關鍵。喺開發過程中應該養成良好習慣。首先，確保所有腳本同樣式都通過wp_enqueue_script()同埋wp_enqueue_style()正確註冊同排隊，並喺適當嘅地方使用wp_dequeue_script()移除不必要嘅資源。對於圖片，使用add_image_size()註冊合適嘅縮略圖尺寸，並喺前端使用srcset屬性實現響應式圖片。利用WordPress緩存API同物件緩存可以顯著提升數據庫查詢效率。最後，喺開發完成後，使用速度測試工具（例如GTmetrix, Google PageSpeed Insights）分析主題，並壓縮CSS、JavaScript文件，甚至可以考慮實現延遲加載（Lazy Load）功能。
摘要
WordPress主題開發係一個從理解基礎架構開始，逐步深入到模板層級、功能擴展同性能優化嘅系統過程。通過從零構建一個簡單嘅主題，開發者可以掌握style.css、index.php同埋functions.php呢三大核心文件嘅職責。隨後，利用模板層次結構可以創建精準嘅頁面模板，通過註冊菜單同小工具區域來增強主題嘅可交互性。最終，通過引入定制化選項同遵循性能最佳實踐，可以將一個基礎主題打磨成專業、高效且用戶友好嘅產品。持續學習並實踐呢啲核心概念，係成為一名熟練嘅WordPress主題開發者嘅必經之路。
常見問題
開發WordPress主題必須掌握邊啲編程語言？
開發WordPress主題主要需要掌握PHP、HTML、CSS同基礎嘅JavaScript。PHP用嚟處理伺服器端邏輯同動態內容生成；HTML係網頁嘅骨架；CSS負責樣式同佈局；JavaScript就用嚟實現前端嘅互動效果。對SQL有基本了解都有助於理解數據庫查詢。
點樣可以令我嘅主題支援多語言（國際化）？
你需要使用WordPress嘅國際化（i18n）功能。喺代碼入面，對所有面向用戶嘅字串使用翻譯函數，例如__('文本', 'text-domain')或_e('文本', 'text-domain')。喺style.css正確定義Text Domain。然後，用Poedit等工具生成.pot模板檔案，同埋建立唔同語言嘅.po同埋.mo翻譯檔案，存放喺主題嘅/languages/目錄下。
子主題（Child Theme）係乜，點解要用佢？
子主題係一個繼承另一個主題（父主題）所有功能同樣式嘅主題。佢容許你修改或增強父主題，而唔使直接改父主題嘅程式碼。咁做嘅好處係，當父主題更新嗰陣，你嘅自訂修改（喺子主題入面）唔會消失，確保更新嘅安全性。建立子主題只需要一個包含特定Header註釋嘅style.css文件同一個functions.php檔案。
點樣為自己嘅主題添加自訂文章類型（Custom Post Type）？
你可以透過寫程式或者用插件嚟加自訂文章類型。建議喺子主題嘅functions.php檔案入面用register_post_type()函數入面註冊。你需要為呢個文章類型定義標籤、支援嘅功能（例如標題、編輯器、縮略圖）、係咪公開等等參數。通常會同自訂分類法（register_taxonomy()）一齊用，嚟建立複雜嘅內容結構，好似產品、作品集咁。
下一步應該點做?
延伸閱讀及實用知識
以下內容與本文主題相關,適合進一步閱讀。一般而言,最好由與你目前問題最緊密相關的文章開始,然後逐步擴展到周邊主題。