Automatic.css v4.0.2 – 可视化 WordPress CSS 框架插件

Automatic.css 是一款专为 WordPress 页面构建器设计的 CSS 框架，它能够加速工作流程、促进设计一致性，并显著减少在网页设计过程中固有的决策负担和困扰。数以千计的开发者认为 ACSS 是专业网页设计流程中不可或缺的一部分。ACSS 一直被评为最适合 WordPress 的最佳框架，因为它融合了创新特性、真正的构建器集成、遵循最佳实践的做法。

为什么 WordPress 设计师和开发者会选择 Automatic.css 框架？

告别决策疲劳
只需几分钟即可完成简单设置，然后通过一系列预定义的类和标记，快速构建页面。这些工具针对常见样式进行了优化，使你可以轻松上手。

轻松实现设计一致性
ACSS 让你轻松实现并维持全站的颜色、阴影、间距和字体风格的一致性，从而大大简化设计工作。

自动优化移动设备显示
ACSS 可减少高达 60%-90% 的工作量，使你的网站在移动设备上呈现完美。响应式开发从未如此轻松愉快。

易于维护和扩展
使用 ACSS 构建的网站不仅易于扩展和维护，甚至上线后，你也可以在几秒钟内轻松更换整个主题。

极致灵活性
与许多僵化的工具框架不同，ACSS 是第一个提供系统内所有关键领域完全灵活性的工具框架，让你享受无限创意空间。

更多功能说明：https://automaticcss.com/

ACSS 支持的页面构建器

Gutenberg
Bricks
GenerateBlocks Pro
QXYGEN
Cwicly
Breakdance

更新日志

v4.0.2 - 2026年11月1日
- Bricks 现在有许多新配方，包括 ?flex-grid、?center-*、渐变辅助、?tooltip、?footer-reveal、?skip-link、?font-face、?corner-ribbon 以及伪选择器快捷方式，如 ?::before 和 ?:hover。
- 配方现在无需开启变量扩展和验证即可工作。该设置现在仅控制自动 var()、calc() 和括号纠正。
- 若干配方有新的默认值：?columns 使用 350px 列且无规则，?variable-grid 使用 350px 最小值，?concentric-radius 添加 --inner-radius，分隔线配方跳过边缘间距，淡入淡出配方支持 --fade-softness。了解更多
- 像 ?primary-clr 这样的颜色配方再次展开为可工作的 OKLCH 相对颜色。
- 配方现在在每个构建器和仪表盘中使用 ?。旧的 @ 触发器已移除。
- 损坏的 ?breakpoint-xs 到 ?breakpoint-up-xxl 配方已移除。请改用构建器的断点或普通媒体查询（社区帖子）。
- 从仪表盘页眉菜单导入和导出你的设置，包括未保存的更改。
- 导入 Automatic.css 3 设置文件现在会自动将其转换为 v4。
- “重置为默认值”移入页眉菜单，具有更清晰的确认和按住重置。
- 直接从设置页面下载和清除活动日志。
- 数字字段接受 480px、2rem 和 1.2em 等值，升级不再卡在“有一些设置需要修复”（社区帖子）。
- 当保存失败时，仪表盘现在显示真实原因并保持返回按钮可见。
- 实时预览等待正确的编辑器画布，因此不再在区块编辑器中启动失败（社区帖子）。
- 在 Bricks 中，粘贴、撤销、复制和其他编辑快捷键再次在仪表盘文本字段中工作（社区帖子）。
- 仪表盘关闭时，仪表盘快捷键不再阻止浏览器快捷键（如检查元素）（社区帖子）。
- 活动和调试日志使用不可猜测的文件名。
- 更新检查仅为管理员、cron 和 WP-CLI 运行。
- 在多站点和其他没有 unfiltered_html 的安装上，站点管理员可以再次编辑全局 CSS，导入仅限于 Automatic.css 文件。了解更多
- 当请求发送 JSON 标头时，页面不再丢失其 ACSS 样式。这防止了无样式页面进入你的页面缓存（社区帖子）。
- 重新生成 CSS 在其源文件缺失时重建你的自定义 CSS，因此自定义样式不再消失。
- 在多站点上，ACSS 告诉你先网络停用 Automatic.css 3，且升级保留第三方设置（如 Frames 切换）。
- 速查表文档链接指向 docs.automaticcss.com，且颜色预览不再为 currentcolor 或 inherit 等关键词显示色块。