
自动 CSS WordPress 插件
WordPress页面构建器首选实用框架
:以下是Automatic CSS WordPress插件如何改变使用WordPress页面构建器的网页设计师和开发人员的游戏规则……
自动排版:
在您的自动 CSS WordPress 插件驱动的网站上,所有包含文本的内容,无论是标题、段落、列表、表单字段还是其他任何元素,都会遵循完美的数学比例,通过 12 种不同的尺寸选项呈现层级结构,并且所有尺寸都自动完美地响应移动设备。最棒的是,整个系统都由您通过 Automatic.css 控制面板进行控制。
自动颜色
设置:设置您的品牌颜色后,Automatic CSS WordPress 插件会自动生成每种颜色的六种色调变体。您可以使用这些变体为任何元素(包括背景和叠加层)着色,甚至可以通过 Automatic.css 颜色实用变量将它们与自定义类和 ID 一起使用。
自动间距:
与 Automatic.css 中的排版一样,边距、内边距和间距都遵循完美的数学比例,为您提供六个层级间距值和六个层级分区间距值,所有这些值都具有自动响应性。此外,间距实用变量确保即使是完全自定义的元素也具有一致的间距。
自动响应式
自动 CSS WordPress 插件采用先进的 CSS Clamp 和 Calc 技术,确保所有字体、边距、内边距和间距都能根据您网站的最大和最小视口尺寸完美响应。即使您自定义系统以适应特定的设计和布局,也无需调整断点。
Automatic Grid
Automatic CSS WordPress 插件是首个提供自动响应式网格的实用框架。只需在桌面端设置所需的列数,Automatic.css 即可处理其余部分。对于希望在每个断点完全控制网格的开发者,Automatic.css 也提供了通过传统网格实用类实现的全面控制。
超强自定义能力
你以为全自动框架会让你在所有网站上都只能使用相同的值?那就大错特错了!Automatic.css 让你能够对字体、间距和颜色进行精细控制,从而轻松快速地复现 Figma、Sketch 和 XD 中的设计。它非常适合代理机构和团队使用。
自动回退机制
并非所有浏览器都支持 Clamp 和 Calc 函数,而 Clamp 和 Calc 函数正是 Automatic.css 响应式设计的核心。不过不用担心,Automatic CSS WordPress 插件针对不支持 Clamp 的浏览器提供了近乎完美的 Calc 回退方案,而对于不支持 Calc 的浏览器,则提供了使用 rem 或 px 的“纯”回退方案。而且,您可以完全控制这些纯回退值。
