# 《WordPress 中级主题开发》视频教程完整版｜文派中英字幕 *Published:* 2026-04-20 *Author:* 壳壳虫 想系统学习 WordPress 主题开发？这套中级主题开发教程覆盖从经典主题到 Block 主题的完整路径。 本教程内容源自 Learn WordPress 官方学习平台，由文派开源团队翻译并添加中英双语字幕。全套共 32 节课，涵盖经典主题基础、Block 主题转换、theme.json 配置、模板层级、无障碍开发、主题提交等核心内容。 --- 这套教程适合谁？ -------- - 有 HTML[1](#af6021d8)/CSS[3](#ab7e1c0c) 基础，想进入 WordPress 主题开发的开发者 - 使用经典主题的开发者，希望迁移到 Block 主题 - 需要深入理解 Template Hierarchy、theme.json、Global Styles 的技术人员 - 计划向 WordPress.org 提交主题的作者 --- 课程能学到什么？ -------- **经典主题基础**：经典主题简介、必需文件、The Loop、Template 层级结构、Template 部件。 **Block 主题进阶**：经典主题转 Block 主题、Block Variations、Block Style Variations、Block Stylesheets。 **全局配置**：theme.json 在经典主题中的应用、全局设置与样式（设置/样式/变体/Pattern/自定义 Template 概述）。 **开发实践**：自定义功能、引入资源、主题开发中的 JavaScript、Plugin API[2](#b7ec1d8b) Hooks、主题构建流程。 **主题提交**：主题选项、主题测试、无障碍测试工具、无障碍主题开发最佳实践、主题提交准备、提交至 WordPress.org。 **运维与隐私**：主题更新、主题与用户隐私、UI[4](#61bc5291) 最佳实践、WordPress.org 主题目录。 --- 课时列表 ---- 课时名称按”中文主标题 + 英文原名”排版，便于对照学习。常见英文名词包括 Template[5](#1a2b3c4d)、Block[6](#2b3c4d5e)、Child Themes[7](#3c4d5e6f)、theme.json[8](#4d5e6f7a)、Global Styles[9](#5e6f7a8b)、Template Hierarchy[10](#6f7a8b9c)、Template Parts[11](#7a8b9c0d)、The Loop[12](#8b9c0d1e)、Hooks[13](#9c0d1e2f)、Accessibility[14](#0d1e2f3a)。 序号课时名称观看1**Template 概述**An overview of Templates[观看](https://www.bilibili.com/video/BV1xwdpB2EmZ)2**无障碍主题开发最佳实践**Best practices for developing an accessible theme[观看](https://www.bilibili.com/video/BV1L4dsBTEQB)3**区块样式变体**Block Style Variations[观看](https://www.bilibili.com/video/BV1b7dHB2EMS)4**区块样式表**Block Stylesheets[观看](https://www.bilibili.com/video/BV1b7dHB2E8S)5**区块变体**Block Variations[观看](https://www.bilibili.com/video/BV16idHBYEwH)6**Child Themes**Child Themes[观看](https://www.bilibili.com/video/BV1JEdsBkEqt)7**经典主题转 Block 主题**Converting a classic theme to a block theme[观看](https://www.bilibili.com/video/BV1xMdsBJEaa)8**自定义功能**Custom functionality[观看](https://www.bilibili.com/video/BV1NxdHB3EPt)9**全局设置与样式：自定义 Template**Global settings and styles – Custom templates[观看](https://www.bilibili.com/video/BV1izdHBhEWk)10**全局设置与样式：Pattern 概述**Global settings and styles – Patterns overview[观看](https://www.bilibili.com/video/BV1iCdHBZEED)11**全局设置与样式：设置概述**Global settings and styles – Settings overview[观看](https://www.bilibili.com/video/BV1e1dHB4EFc)12**全局设置与样式：样式变体**Global settings and styles – Style variations[观看](https://www.bilibili.com/video/BV1bZdHBEExb)13**全局设置与样式：样式概述**Global settings and styles – Styles overview[观看](https://www.bilibili.com/video/BV1QSdHB9Esb)14**引入资源**Including assets[观看](https://www.bilibili.com/video/BV11WdHBrE5b)15**经典主题简介**Introduction to classic themes[观看](https://www.bilibili.com/video/BV1pbdHBTEeT)16**插件 API 钩子**Plugin API Hooks[观看](https://www.bilibili.com/video/BV1d2dWBeEJH)17**主题提交准备**Preparing your theme for submission[观看](https://www.bilibili.com/video/BV1hodWBoEPQ)18**必需主题文件**Required theme files[观看](https://www.bilibili.com/video/BV18fdWBxEYh)19**提交主题至 WordPress.org**Submitting your theme to WordPress.org[观看](https://www.bilibili.com/video/BV114dWB7E62)20**Template 层级结构**Template hierarchy[观看](https://www.bilibili.com/video/BV1UddHBSE1k)21**Template 部件**Template parts[观看](https://www.bilibili.com/video/BV18RdHBnE2b)22**主题测试**Testing your theme[观看](https://www.bilibili.com/video/BV12NdsBHEf6)23**The Loop**The Loop[观看](https://www.bilibili.com/video/BV1k8dHBqEx9)24**WordPress.org 主题目录**The WordPress org theme directory[观看](https://www.bilibili.com/video/BV14NdsBHEGD)25**主题构建流程**Theme build process[观看](https://www.bilibili.com/video/BV1qkdWBTEDQ)26**主题选项**Theme options[观看](https://www.bilibili.com/video/BV1k5dsBLEs7)27**经典主题中的 theme.json**Theme.json in classic themes[观看](https://www.bilibili.com/video/BV1xMdsBJEAf)28**主题与用户隐私**Themes and user privacy[观看](https://www.bilibili.com/video/BV1JndsB3ECu)29**无障碍测试工具**Tools for accessibility testing[观看](https://www.bilibili.com/video/BV1jsdsBBEiH)30**主题更新**Updating your theme[观看](https://www.bilibili.com/video/BV1WSoKBYExH)31**主题开发 UI 最佳实践**User interface best practices in theme development[观看](https://www.bilibili.com/video/BV1vUdWBAESB)32**主题开发中的 JavaScript**Using JavaScript during theme development[观看](https://www.bilibili.com/video/BV1YXdWB8EqN)--- 本教程由文派开源团队制作发布，遵循知识共享协议。觉得有用就分享给需要的朋友，在 B 站关注「文派开源」获取更多 WordPress 学习资源。 ### 名词解释 1. HTML：超文本标记语言，网页内容的基础格式 [↩︎](#af6021d8-link) 2. API：应用程序编程接口，软件之间交互的标准方式 [↩︎](#b7ec1d8b-link) 3. CSS：层叠样式表，控制网页外观和排版 [↩︎](#ab7e1c0c-link) 4. UI：用户界面，用户与软件交互的视觉部分 [↩︎](#61bc5291-link)