想在整站一键统一字体、颜色、按钮风格?Bricks 的 Theme Style(主题样式)就是干这个的:定义一套全局预设,全站元素自动继承。本文讲怎么设。
Theme Style 是什么
Theme Style 是 Bricks 的全局样式入口。在这里设定好基础排版(字体、字号、行高)、颜色、按钮、表单、图片等默认外观,之后新建的元素会默认沿用这些设定,改一处全站生效。
如何进入
在 WordPress 后台左侧 Bricks 菜单下,找到 Theme Styles(主题样式) 入口,点进去就能看到样式列表,新建或编辑一套样式。
能设什么
- 排版:标题、正文字体族、字号阶梯、行高。
- 颜色:主色、文字色、链接色、背景色。
- 按钮 / 表单 / 图片:默认圆角、边框、间距等。 设置好后,元素不单独改样式时就继承这里的值。
多套样式快速切换
Theme Style 支持存多套(比如「品牌 A 风格」「品牌 B 风格」),需要时切一套即可整体换肤。这对做站群或给客户演示不同风格特别方便。
小结
Theme Style 是 Bricks 全局一致性的基石:先在这里定好字体、颜色、按钮基线,后面搭页面事半功倍,改版也只需动这一处。
内容说明(整理稿):本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程(源多为截图驱动教程,正文极薄),内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理,非原文逐字翻译,也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准,实操前建议对照官方文档核对。
延伸阅读
Bricks Theme Style 主题样式:一套预设统管全站视觉
教程:用 Bricks 的 Theme Style(主题样式)把颜色、字体、间距、按钮、表单等视觉规则存成一套预设,页面直接套用,改风格只动一处,告别逐页调样式。
tutorialBricks 优化设计流程:主题样式、全局 class 与全局小部件
用 Bricks 的 Theme Styles 主题样式、全局 class、全局小部件(Global Elements)提前固化常用风格与模块,告别反复手动调参,大幅提升建站效率。
tutorialBricks 用 ACF Checkbox 字段渲染自定义 SVG 图标列表
教程:Bricks 用 ACF Checkbox 字段渲染自定义 SVG 图标列表——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 按 ACF Gallery 图片数量做动态条件输出
教程:Bricks 按 ACF Gallery 图片数量做动态条件输出——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
