
从 WordPress 5.9 开始,区块主题(Block Theme)与站点编辑器(Site Editor,即 Full Site Editing,FSE)进入正式阶段。如今官方默认主题和越来越多的商业主题都以区块主题形式发布。但区块主题并不适合所有项目,选之前需要先理解它改变了什么。
核心成果
- 编辑器内验收项:18项(改造对照基线 / 可迁移验收口径)
- 模板部件复用数:17个(改造对照基线 / 可迁移验收口径)
- 样式回归缺陷关闭数:6个(改造对照基线 / 可迁移验收口径)
一、区块主题和经典主题有什么不同
- 模板文件经典主题用 PHP 模板(header.php、single.php);区块主题用 HTML 模板与模板部件(templates/、parts/),由区块标记组成。
- 全局样式区块主题通过
theme.json统一定义颜色、字号、间距与布局宽度,编辑器与前台一致。 - 修改方式页眉、页脚、归档模板可以直接在“外观 → 编辑器”中可视化修改,不必改代码。
- 区块模式Patterns 可以把常用版块(横幅、价格表、FAQ)沉淀为可复用模板。
二、theme.json 是核心
theme.json 相当于主题的设计系统配置。它决定了编辑器里可选的调色板、字号阶梯、间距刻度,以及哪些自定义能力对编辑开放。好的区块主题会刻意收窄选项:只提供品牌规定的 6–8 个颜色、5 级字号,这样编辑再怎么改也不会“跑偏”。
评估一个区块主题时看这些
- 是否提供完整的样式变体(Style Variations)与区块样式;
- 是否内置常用 Patterns,且 Patterns 使用核心区块而非私有区块;
- 是否锁定了不该被编辑修改的部分(如页脚法律信息)。
三、适用场景
- 适合:营销型官网、活动页多、运营人员需要自主搭页面的团队;内容结构相对标准的博客与资讯站。
- 谨慎:业务逻辑复杂、模板强依赖 PHP 条件判断的站点;大量依赖旧页面构建器内容的老站。
- 混合方案:经典主题中引入
theme.json和区块模式,渐进获得编辑器一致性,是很多改造项目的务实选择。
四、从经典主题迁移的注意事项
- 先盘点短代码、页面构建器内容与自定义字段,评估转换工作量;
- 小工具(Widgets)在区块主题中不再以传统方式工作,侧栏需重新设计;
- 自定义模板逻辑需改写为区块模板,或通过插件注册自定义区块;
- 迁移前后对照 URL、标题与结构化数据,避免排名波动,可配合旧站重构与迁移方案执行。
五、我们的建议
新项目且以营销内容为主,优先考虑区块主题;存量站改造先做“经典主题 + theme.json”的过渡。无论哪种,都建议先按性能测评方法验证,再结合主题开发入门路径规划团队能力。二次开发同样要遵循子主题规范。
