跳到主内容
新主题测试

WordPress 区块主题入门:用 theme.json 和站点编辑器看懂全站编辑时代

100%
WordPress 区块主题入门:用 theme.json 和站点编辑器看懂全站编辑时代

经典主题和区块主题,差在哪

传统 WordPress 主题靠 PHP 模板 + 一堆 PHP 函数拼页面;区块主题(Block Theme)从 5.9 引入,几乎完全用”区块”组成,模板文件是 HTML 而非 PHP。最大区别在于:区块主题支持全站编辑(Full Site Editing, FSE)——页头、页脚、侧边栏,凡是区块能到的地方,你都能在后台的”站点编辑器”里直接改,不必碰代码。

判断一个主题是不是区块主题,看它有没有 templates/index.html 这类 HTML 模板文件即可。有就是区块主题,没有就是经典主题。两者都能用 theme.json,但只有区块主题才解锁 FSE。

theme.json:区块主题的”总控面板”

theme.json 是一个 JSON 配置文件,用来统一管理颜色、字体、间距等设计令牌(design tokens),并控制区块编辑器的可用选项。它小而强:你不用写一行 CSS,就能定义全站调色板、默认字体大小、内容宽度。

theme.json 能管哪些事
  • 全局设置(settings):配色方案、字体大小阶梯、是否开启特定区块功能;
  • 样式(styles):给区块或全站设默认背景、文字色、间距;
  • 模板与模板部件:定义站点由哪些模板拼成;
  • 甚至支持 fluid(流式)字号,让排版随屏幕自适应。

WordPress 主题开发者手册

零代码做主题:从”改”开始

最稳的学习方式是先激活一个官方默认区块主题(如 Twenty Twenty-Four),进”外观 → 编辑器”随便调。等摸清结构,再用内置导出把改好的成果打包成自己的主题 ZIP。


  1. 激活一个区块主题(推荐最新默认主题),进”外观 → 编辑器”。

  2. 在”样式”里改配色、字体、布局,用”样式书”预览全站效果。

  3. 满意后点右上角”选项 → 导出”,得到包含模板和 theme.json 的 ZIP,这就是你的主题。

如果想更进一步,可以用 Create Block Theme 插件获得更细的导出选项,或用 Theme Generator 这类社区工具从空白/基础模板起步。

区块主题不是”只能无代码”。它同样欢迎开发者:你可以手写 theme.json 精确控制每个令牌,也可以用区块锁定(Block Locking)为编辑者定制可控的编辑体验。

经典主题要慌吗

不需要。WordPress 明确支持”渐进采用”:你可以给经典主题加 theme.json 享受全局样式,也可以把自定义器选项转成区块模式(Block Patterns),一步步迁移,不必推倒重来。


区块主题一定要写 theme.json 吗?
不强制。一个只有 HTML 模板的主题也能算区块主题,但加上 theme.json 才能统一管设计令牌、解锁更顺手的编辑器体验。

FSE 和经典主题的核心区别是什么?
FSE 让”页头/页脚/任意模板区域”都能在可视化编辑器里改;经典主题改这些大多要动 PHP 文件。区块主题默认开启 FSE。

我已有的 PHP 主题怎么平滑过渡?
官方手册提供”经典主题转区块主题””用 theme.json 增强经典主题”等指南,建议小步迁移,而不是整体重写。

小结

区块主题 + theme.json 是 WordPress 现在的主题开发主线:编辑者能可视化改全站,开发者能用配置精确控制设计系统。无论你是想零代码快速建站,还是做可维护的主题产品,它都值得花半天摸一遍。

相关阅读:站点内容跑通后,可以用《用 WordPress REST API + 应用密码远程自动发文章》把发布也自动化。

这篇有帮助吗?
云上的幻象
云上的幻象查看主页
1635文章4评论

相关文章

评论 (0)

发表回复

发表回复