随着 WordPress 后台界面不断演进，如何保持视觉一致性、提升可维护性，并兼顾无障碍体验，一直是核心团队持续探索的重要方向。
2026 年 7 月 7 日，Gutenberg Components 团队成员 Andrew Duthie 代表团队发布了 Design System Theming（设计系统主题化） 合并提案（Merge Proposal）。这项提案意味着 WordPress 后台正在逐步告别大量硬编码样式，正式迈向基于 Design Tokens（设计令牌） 的现代设计系统。
这不仅是一项底层架构升级，更将深刻影响未来 WordPress 后台界面的设计方式，以及插件开发、主题适配和用户体验。
为什么需要设计系统主题化？
过去多年，WordPress 后台样式主要依赖大量 CSS 规则进行维护。
随着功能不断增加，即使只是一次小规模的视觉更新，也往往需要修改大量样式代码，不仅维护成本高，还容易导致不同模块之间出现视觉不一致的问题。
例如在 WordPress 7.0 的后台界面优化过程中，团队就投入了大量精力来统一各处细节。
因此，本次提案希望建立一套统一的基础设计层，将颜色、字体、间距、边框、阴影等视觉元素抽象成统一的 CSS Custom Properties（CSS 自定义属性，也就是 CSS 变量），让所有界面共享同一套设计语言。
这就是现代设计系统最核心的理念——使用语义化的设计令牌，而不是直接写死颜色和尺寸。
设计令牌（Design Tokens）到底是什么？
可以将设计令牌理解为整个后台 UI 的”基础语言”。
例如，开发者以后不再直接使用：
color: #3858e9;而是改为：
color: var(--wp-color-accent);当后台主题发生变化时，只需要修改设计令牌对应的变量值，整个后台便能够同步更新，无需逐个修改组件样式。
这种方式能够带来：
- 更高的一致性
- 更低的维护成本
- 更方便的主题扩展
- 更容易实现深色模式
- 更好的无障碍支持
这也是目前众多现代设计系统（例如 Material Design、Fluent Design、Carbon Design 等）普遍采用的方法。
最大亮点：自动生成符合无障碍标准的配色方案
本次提案中，一个非常值得关注的新能力，是 自动生成主题色板（Color Palette Generator）。
开发者只需提供两种基础颜色：
- Accent（主色）
- Background（背景色）
系统便能够自动计算并生成完整的颜色层级，包括：
- 主色不同深浅
- 背景不同层级
- 边框颜色
- 文本颜色
- 状态颜色
更重要的是，这套颜色会自动满足 WCAG 无障碍对比度（Accessibility Contrast） 要求，在保证视觉统一的同时，也能确保更多用户能够清晰阅读界面内容。
这意味着未来无论插件还是后台主题，都能轻松获得一套既美观又符合无障碍规范的配色方案。
它将给 WordPress 带来哪些变化？
普通用户：未来拥有更加个性化的后台体验
对于普通用户而言，WordPress 默认仍会提供经过精心设计的后台配色方案。
不过，在新的设计系统下，后台配色将拥有更高的灵活性。
未来用户不仅可以自由切换后台颜色，还为官方原生 Dark Mode（深色模式） 提供了坚实的技术基础。
由于整个后台都建立在设计令牌之上，实现浅色、深色甚至更多主题风格都将变得更加容易。
插件开发者：更少维护，更好的品牌展示
对于插件开发者来说，这项更新意义更加重大。
过去，插件后台页面通常需要自行维护大量 CSS。
一旦 WordPress 后台样式发生变化，插件往往也需要跟着适配。
而采用新的 Design Tokens 后：
- 插件能够保持自身品牌特色；
- 同时自动融入 WordPress 原生后台风格；
- 当核心设计更新时，插件无需重新修改大量样式即可自动适配。
这不仅降低了长期维护成本，也能有效提升整个后台体验的一致性。
AI 开发时代：让 AI 更懂 WordPress 界面
提案中还特别提到了 AI。
随着 AI 编程助手越来越普及，语义化设计令牌可以帮助 AI 更准确理解组件用途。
例如：
--wp-color-danger--wp-color-success--wp-surface-background
相比直接使用十六进制颜色值，这种命名方式更容易被 AI 理解，从而生成更加符合 WordPress 设计规范的插件界面，提高 AI 辅助开发质量。
并非一朝一夕：这项工作已经持续多年
实际上，WordPress 设计系统建设已经进行了数年。
整个发展过程大致如下：
- 2022 年：开始探索可扩展的设计基础体系。
- 2023 年：围绕 Admin Design Roadmap 正式推进后台设计系统建设。
- 2024 年：完善 Gutenberg Storybook，并发布全新的 WordPress Design System Figma 设计库。
- 2025 年：确定核心需求，正式启动 Design System Theming 开发。
- 2026 年：进入核心合并提案阶段。
值得一提的是，这套设计系统严格遵循 W3C Design Tokens Community Group（DTCG） 发布的稳定规范。
这意味着未来设计师可以直接将 WordPress 的设计令牌同步到 Figma 等主流设计工具，实现设计稿与实际界面的高度一致。
WordPress 7.1 将率先带来哪些变化？
目前，该提案已经进入 Merge Proposal（合并提案）阶段。
计划首先提供两个核心能力：
wp-theme 样式资源
提供一套核心注册的 CSS 样式文件，其中包含默认 WordPress 后台主题所需的全部设计令牌。
React ThemeProvider
新增 ThemeProvider 组件，使 React 界面能够方便地继承或扩展后台主题，实现统一的视觉体验。
用户最直观的变化
对于普通用户来说，升级到未来的 WordPress 7.1 后，后台整体外观不会发生颠覆性的改变。
此次更新更加注重：
- 提升视觉一致性
- 优化组件体验
- 建立未来扩展基础
不过，有一项值得期待的新变化：
后台配色方案将正式应用到 Site Editor（站点编辑器）中。
这意味着后台与站点编辑器之间终于能够保持更加统一的视觉风格。
后续规划：未来不仅仅是颜色
WordPress 核心团队已经规划了更多后续工作。
未来设计系统还将逐步覆盖：
整个后台
目前 wp-theme 仅在支持新特性的页面加载，未来将覆盖整个 WordPress 管理后台。
传统 PHP 页面
由于设计令牌本质上只是 CSS 变量，因此不仅 React 页面能够使用，传统 PHP 渲染页面同样能够无缝接入。
更多主题能力
未来除了颜色之外，还计划支持：
- 圆角（Border Radius）
- 界面密度（Density）
- 间距（Spacing）
- 阴影（Shadow）
- 更多主题变量
这意味着未来后台不仅可以切换颜色，还有望提供更加丰富的个性化主题体验。
总结
虽然 Design System Theming 看起来只是一次底层架构升级，但实际上，它是 WordPress 后台现代化进程中的重要一步。
通过建立统一的设计令牌体系，WordPress 将获得更高的可维护性、更强的扩展能力以及更加一致的用户体验。
对于普通用户来说，这意味着未来将拥有更加统一、更加美观、更加个性化的后台界面；对于开发者而言，则意味着更低的维护成本、更高的开发效率，以及更加规范的设计生态。
随着该提案逐步落地，我们有理由期待，WordPress 后台将在未来几个版本中迎来持续而深远的体验升级。
如果你是 WordPress 开发者、设计师或插件作者，不妨关注这一提案，并积极参与社区讨论，为 WordPress 下一代后台设计贡献自己的建议。