WordPress Block Theme 教程：全面掌握全站编辑（Full Site Editing）

WordPress 5.9 引入的 Full Site Editing（FSE，全站编辑）和 Block Theme 是 WordPress 主题开发的重大革新。本文介绍如何开发基于 Gutenberg 块编辑器的 Block Theme，实现真正的全站可视化编辑。

Block Theme 是什么？

Block Theme 使用 Gutenberg 块（Block）来构建整个网站，包括页眉、页脚、侧边栏等传统主题模板文件。所有页面元素都变成了可拖拽、可编辑的块，主题开发者只需定义块的样式和布局逻辑。

创建 Block Theme 的基本结构

Block Theme 需要以下文件：style.css（主题信息和全局样式）；theme.json（主题配置，包含颜色、字体、间距等设计系统设置）；templates/index.html（首页模板，使用 HTML 格式的块标记）；parts/*.html（可复用部分如 header.html、footer.html）；functions.php（注册块模式、加载资源）。

theme.json：主题的配置中心

theme.json 是 Block Theme 的核心配置文件：settings——定义启用的编辑器功能（颜色、字体、间距等）；styles——定义全局样式和默认值；customTemplates——注册自定义页面模板；templateParts——注册可复用的模板部件。

模板和部件

模板文件使用 HTML+块注释语法，如 <!-- wp:site-title /-->、<!-- wp:navigation /-->。常用块包括 Site Title、Site Logo、Navigation、Query Loop、Template Part 等。

Block Patterns（块模式）

Block Patterns 是预定义的块组合，用户一键插入即可使用。在 functions.php 中使用 register_block_pattern_category() 和 register_block_pattern() 注册模式和分类。

总结

Block Theme 代表了 WordPress 主题开发的未来方向。虽然学习曲线较陡，但掌握后能实现前所未有的设计灵活性。建议从修改现有 Block Theme（如 TT1 Blocks）开始，逐步掌握 theme.json 和块开发。