一个界面,掌控整站设计。
泰文与拉丁文,无需编写 CSS。
Design Controller 为 WordPress 站点提供一个统一的设计系统入口:字体、字号体系、颜色、间距、形状和组件样式。改一个值,在实时预览中看到真实站点随之变化,然后发布。它不会写入自定义器、站点编辑器或页面构建器,停用后一切恢复原样。
为什么选择 Design Controller
以泰文优先的排版
每个样本都用泰文文本展示,包含最容易出问题的元音和声调符号。针对泰文的行高建议、字距保护、按文字系统进行泰文 + 拉丁文配对,以及每个字体来源上的“Thai ✓”标记。
自托管字体,没有布局偏移
从 Google Fonts 或 Bunny Fonts 选一款字体,它会以 woff2 格式下载一次进入 WordPress 字体库,按泰文和拉丁文拆分子集,最多两个预加载,并配有度量匹配的回退字体,文本不会跳动。
几乎零开销
wp_head 中的一段内联样式,gzip 后约 2 KB。公开站点零 JavaScript,零额外数据库查询,每个版本都经过测量。
实时预览与安全编辑
三个区域:面板列表、真实站点在桌面、平板或手机上的预览,以及控制项。草稿自动保存,可撤销和重做,发布对话框列出每一项改动,历史记录随时可恢复。
组件即配方
按钮、链接、表单字段、卡片和菜单可以在主题自己的选择器上跟随你的令牌:按组件逐个开启,其余交给主题。
Design Doctor
十二项检查,附带安全、可逆的修复:字体重复加载、缺少泰文字形、对比度低于 WCAG AA、正文字号过小、附加 CSS 中的硬编码值、过期缓存等。
免费版与 Pro
免费版的所有功能都是完整的,没有任何锁定。Pro 是独立的构建版本,额外提供下列集成和团队工具、优先支持与自动更新。
| Free | Pro | |
|---|---|---|
| 设计令牌:字体、字号体系、颜色、间距、形状、组件 | ✓ | ✓ |
| 真实站点的实时预览、自动保存、撤销/重做、带差异的发布、历史记录 | ✓ | ✓ |
| 自托管字体,含泰文/拉丁文子集、配对和无 CLS 的回退字体 | ✓ | ✓ |
| 区块编辑器、WooCommerce 和页面缓存的桥接 | ✓ | ✓ |
| 含 12 项检查和安全修复的 Design Doctor | ✓ | ✓ |
| 内置预设、DTCG JSON 与 CSS 导出、样式指南、REST、WP-CLI、钩子 | ✓ | ✓ |
| Flatsome / UX Builder 集成 | — | ✓ |
| Elementor 集成 | — | ✓ |
| 团队护栏:锁定令牌、允许编辑的角色 | — | ✓ |
| 你自己的品牌套件(保存预设) | — | ✓ |
| Tokens Studio(Figma)导入 | — | ✓ |
| 优先支持与自动更新 | — | ✓ |
说实话:如果你的主题读取 CSS 自定义属性,而且你不用页面构建器,免费版就是完整的产品。Pro 的价值在于 Flatsome 和 Elementor 站点——主题选项和构建器的全局颜色与字体会在渲染时跟随你的令牌,而不是手动复制;以及在编辑者可以更换字体、却绝不能碰锁定品牌色的团队里。
与免费版插件“升级到 Pro”标签页中显示的表格相同。
价格
买断
- Flatsome / UX Builder 集成
- Elementor 集成
- 团队护栏:锁定令牌、允许编辑的角色
- 你自己的品牌套件(保存预设)
- Tokens Studio(Figma)导入
- 优先支持与自动更新
- 永久获得更新与支持
- 付一次,之后不必再操心
即将推出





