理解WordPress主題嘅基本結構
一個WordPress主題唔單止係一套控制網站外觀嘅樣式表，佢係由一系列跟住特定標準嘅文件組成嘅集合。呢啲文件一齊合作，話俾WordPress知點樣呈現網站嘅內容。一個最簡單嘅主題淨係包含兩個文件：style.css 同埋 index.php，但係功能強大嘅主題會包含幾十個模板文件、函數文件同埋資產文件。
核心文件同埋佢哋嘅作用
每個WordPress主題都必須包含一個 style.css 文件。呢个文件唔单止系定义网站样式嘅核心，佢嘅文件头部注释仲包含咗主题嘅元数据，例如主题名称、作者、描述同版本。呢个系WordPress识别一个有效主题嘅关键。
另一个基础文件系 index.php，佢系主题嘅预设模板文件。当WordPress无法为当前请求揾到更具体嘅模板文件时，就会退返去用 index.php。
推薦閱讀 WordPress主題開發終極指南：從零到精通構建自訂網站。
模板層次結構
WordPress嘅主题系统跟住一个好强嘅「模板层次结构」规则。即系话当访问一个特定页面时，WordPress会跟住一个预定嘅顺序去揾最匹配嘅模板文件。例如，当访问一篇博客文章时，WordPress会优先揾 single-post.php，如果唔存在，就搵 single.php，最後先至用 index.php。理解呢個層次結構係進行高級自訂嘅基礎。
創建你嘅第一個基礎主題
由零開始創建一個主題係理解佢點運作嘅最佳方式。我哋首先喺WordPress嘅 wp-content/themes 目錄下創建一個新嘅資料夾，例如命名為「my-first-theme」。
編寫樣式表頭部資訊
喺呢個資料夾入面，創建 style.css 檔案，並輸入以下基本頭部資訊：
/*
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
License: GNU General Public License v2 or later
Text Domain: my-first-theme
*/構建基礎索引模版
跟住，創建 index.php 檔案。呢個係最基本嘅模板，佢用WordPress核心功能嚟攞同顯示網站標題同文章循環。
<!DOCTYPE html>
<html no numeric noise key 1014>
<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 1011>
<header>
<h1><a href="/yue/</?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
<p><?php bloginfo( 'description' ); ?></p>
</header>
<main>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<article>
<h2><a href="/yue/</?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<div><?php the_content(); ?></div>
</article>
<?php endwhile; else : ?>
<p>唔好意思,冇任何帖子符合你嘅篩選條件。</p>
<?php endif; ?>
</main>
<?php wp_footer(); ?>
</body>
</html>咁樣，你就可以喺WordPress後台嘅「外觀 > 主題」度見到同啟用呢個基礎主題喇。
推薦閱讀 WordPress主題開發完整實戰指南：從零到一構建自訂主題。
利用模板檔案同掛鈎進行自訂
要令主題功能豐富而且結構清晰，你需要善用模板檔案同WordPress嘅掛鈎系統。
拆開模板做模組化組件
一個專業嘅主題唔會將所有代碼都堆喺 index.php 入面。我哋用 get_header()， get_footer()， get_sidebar() 呢啲函數來拆開模板。首先，將 index.php 將中頭同尾嘅HTML結構分別移入新建立嘅 header.php 同埋 footer.php 文件，然後修改 index.php 如下：
<?php get_header(); ?>
<main>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<article>
<h2><a href="/yue/</?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<div><?php the_content(); ?></div>
</article>
<?php endwhile; else : ?>
<p>唔好意思,冇任何帖子符合你嘅篩選條件。</p>
<?php endif; ?>
</main>透過函數檔案添加功能
functions.php 文件係主題嘅「大腦」，用嚟加啲特色功能、註冊菜單、小工具區域同埋排入樣式表同腳本。建立佢，再加以下基礎代碼嚟註冊一個導航菜單：
<?php
function my_first_theme_setup() {
// 注册一个导航菜单位置
register_nav_menus( array(
'primary' => __( 'Primary Menu', 'my-first-theme' ),
) );
// 添加文章缩略图支持
add_theme_support( 'post-thumbnails' );
}
add_action( 'after_setup_theme', 'my_first_theme_setup' );
// 排入样式表和脚本
function my_first_theme_scripts() {
wp_enqueue_style( 'main-style', get_stylesheet_uri() );
wp_enqueue_script( 'main-js', get_template_directory_uri() . '/js/main.js', array(), null, true );
}
add_action( 'wp_enqueue_scripts', 'my_first_theme_scripts' );
?>然後，你可以喺 header.php 入面用 wp_nav_menu() 用函數嚟顯示呢個菜單。
實現響應式設計同子主題開發
現代網站必須要適應唔同設備嘅屏幕。同時，為咗安全更新父主題又唔會整唔見自訂修改，子主題係必備技能。
應用響應式設計原則
在 style.css 入面，用CSS媒體查詢嚟建立響應式佈局。例如，為平板同手機設備設定唔同嘅樣式規則：
推薦閱讀 WordPress主題開發完整指南：從零開始構建自訂網站。
/* 基础样式 */
.container { width: 100%; max-width: 1200px; margin: 0 auto; }
/* 平板设备 (宽度小于 768px) */
@media (max-width: 768px) {
.container { padding: 0 15px; }
.sidebar { display: none; }
}
/* 手机设备 (宽度小于 480px) */
@media (max-width: 480px) {
h1 { font-size: 1.5em; }
}創建子主題覆蓋父主題
子主題容許你修改或擴展另一個主題（父主題）嘅功能。開一個新資料夾，例如「my-first-theme-child」，並喺裏面創建 style.css，其頭部信息必須包含「Template」行嚟指定父主題目錄名：
/*
Theme Name: My First Theme Child
Template: my-first-theme
Version: 1.0
*/然後，喺子主題嘅 functions.php 中，你需要排入父主題同子主題嘅樣式表：
<?php
add_action( 'wp_enqueue_scripts', 'my_child_theme_scripts' );
function my_child_theme_scripts() {
// 排入父主题样式表
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
// 排入子主题样式表，位于父主题样式之后
wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}
?>之後，你可以透過喺子主題度創建同名模板檔案（例如 header.php）嚟覆蓋父主題嘅對應檔案，或者加新嘅CSS規則去改變外觀。
摘要
WordPress主題開發係一個由理解核心結構開始，逐步實踐創建基礎主題，再到利用高級特性（好似模板層次、掛鈎、響應式設計同子主題）進行深度自訂嘅過程。透過遵循標準化嘅檔案結構同開發實踐，你可以建構出功能強大、易於維護同外觀專業嘅主題。核心在於動手實踐，由修改一個簡單嘅 index.php 同埋 style.css 開始，逐步建立起對WordPress主題系統嘅全面掌控。
常見問題
一個WordPress主題最少需要幾個檔案？
一個WordPress主題最少需要兩個文件：style.css 同埋 index.php。
其中，style.css 嘅頭部註解必須包含正確嘅主題元數據，呢個係WordPress識別同應用主題嘅關鍵。而 index.php 作為默認嘅模板文件，負責處理冇更具體模板匹配嘅請求。
點樣自訂單篇文章頁面嘅顯示？
要自訂單篇文章嘅顯示，你需要根據WordPress嘅模板層次結構創建一個 single.php 文件，或者為咗更精確嘅控制，創建針對特定文章類型嘅模板，例如 single-post.php。
喺呢個文件入面，你可以自由組織文章標題、內容、元數據（例如作者、發佈時間、分類）同埋評論區域嘅佈局。你可以使用WordPress提供嘅模板標籤，例如 the_title()， the_content()， the_author() 等嚟輸出內容。
functions.php 文件嘅作用係乜嘢？
functions.php 佢係主題嘅核心功能文件，扮演類似插件嘅角色，用嚟為主題添加功能、掛鈎同過濾器。
佢主要嘅作用包括：初始化主題功能（例如註冊菜單、小工具區域、添加特色圖片支援）、載入CSS樣式表同JavaScript腳本、定義自訂短代碼、修改WordPress默認行為（透過掛鈎），同埋設定主題特定配置選項。佢會喺主題加載時自動被WordPress調用。
使用子主題有咩好處？
使用子主題最大嘅好處係容許你安全噉修改同自訂一個父主題，而唔使直接編輯父主題嘅源文件。
呢個意思係當父主題發佈安全更新或者功能更新嗰陣，你可以直接更新父主題，而你透過子主題所做嘅所有自訂修改（樣式、模板文件、功能增強）都會保留，唔會被覆蓋。呢樣嘢大大提升咗網站維護嘅效率同安全性，係WordPress開發中嘅最佳實踐。
下一步應該點做?
延伸閱讀及實用知識
以下內容與本文主題相關,適合進一步閱讀。一般而言,最好由與你目前問題最緊密相關的文章開始,然後逐步擴展到周邊主題。