想系统学习 WordPress 主题开发?这套中级主题开发教程覆盖从经典主题到 Block 主题的完整路径。
本教程内容源自 Learn WordPress 官方学习平台,由文派开源团队翻译并添加中英双语字幕。全套共 32 节课,涵盖经典主题基础、Block 主题转换、theme.json 配置、模板层级、无障碍开发、主题提交等核心内容。
这套教程适合谁?
- 有 HTML1/CSS3 基础,想进入 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 API2 Hooks、主题构建流程。
主题提交:主题选项、主题测试、无障碍测试工具、无障碍主题开发最佳实践、主题提交准备、提交至 WordPress.org。
运维与隐私:主题更新、主题与用户隐私、UI4 最佳实践、WordPress.org 主题目录。
课时列表
课时名称按”中文主标题 + 英文原名”排版,便于对照学习。常见英文名词包括 Template5、Block6、Child Themes7、theme.json8、Global Styles9、Template Hierarchy10、Template Parts11、The Loop12、Hooks13、Accessibility14。
| 序号 | 课时名称 | 观看 |
|---|---|---|
| 1 | Template 概述An overview of Templates | 观看 |
| 2 | 无障碍主题开发最佳实践Best practices for developing an accessible theme | 观看 |
| 3 | 区块样式变体Block Style Variations | 观看 |
| 4 | 区块样式表Block Stylesheets | 观看 |
| 5 | 区块变体Block Variations | 观看 |
| 6 | Child ThemesChild Themes | 观看 |
| 7 | 经典主题转 Block 主题Converting a classic theme to a block theme | 观看 |
| 8 | 自定义功能Custom functionality | 观看 |
| 9 | 全局设置与样式:自定义 TemplateGlobal settings and styles – Custom templates | 观看 |
| 10 | 全局设置与样式:Pattern 概述Global settings and styles – Patterns overview | 观看 |
| 11 | 全局设置与样式:设置概述Global settings and styles – Settings overview | 观看 |
| 12 | 全局设置与样式:样式变体Global settings and styles – Style variations | 观看 |
| 13 | 全局设置与样式:样式概述Global settings and styles – Styles overview | 观看 |
| 14 | 引入资源Including assets | 观看 |
| 15 | 经典主题简介Introduction to classic themes | 观看 |
| 16 | 插件 API 钩子Plugin API Hooks | 观看 |
| 17 | 主题提交准备Preparing your theme for submission | 观看 |
| 18 | 必需主题文件Required theme files | 观看 |
| 19 | 提交主题至 WordPress.orgSubmitting your theme to WordPress.org | 观看 |
| 20 | Template 层级结构Template hierarchy | 观看 |
| 21 | Template 部件Template parts | 观看 |
| 22 | 主题测试Testing your theme | 观看 |
| 23 | The LoopThe Loop | 观看 |
| 24 | WordPress.org 主题目录The WordPress org theme directory | 观看 |
| 25 | 主题构建流程Theme build process | 观看 |
| 26 | 主题选项Theme options | 观看 |
| 27 | 经典主题中的 theme.jsonTheme.json in classic themes | 观看 |
| 28 | 主题与用户隐私Themes and user privacy | 观看 |
| 29 | 无障碍测试工具Tools for accessibility testing | 观看 |
| 30 | 主题更新Updating your theme | 观看 |
| 31 | 主题开发 UI 最佳实践User interface best practices in theme development | 观看 |
| 32 | 主题开发中的 JavaScriptUsing JavaScript during theme development | 观看 |
本教程由文派开源团队制作发布,遵循知识共享协议。觉得有用就分享给需要的朋友,在 B 站关注「文派开源」获取更多 WordPress 学习资源。


发表回复