Bricks Builder 安装与后台设置全指南
购买与下载
Bricks 是付费主题(按站点数授权),在官网购买后,会员区可以下载主题压缩包(.zip)。下载到本地备用即可。
安装 Bricks Builder
和装普通 WordPress 主题一样:
- 进入 WordPress 后台「外观 → 主题 → 添加新主题 → 上传主题」
- 选择下载好的 Bricks
.zip包,点击「现在安装」 - 安装完成后点击「启用」
启用后,WordPress 后台左侧会出现 Bricks 菜单项。
安装父主题与子主题
Bricks 官方推荐搭配一套父主题 + 子主题结构:
- 父主题:Bricks 本体(接收官方更新)
- 子主题:你自己的样式/函数覆盖层(更新父主题时不会被覆盖)
标准做法:
- 先安装并启用 Bricks 父主题
- 再把官方提供的 Bricks Child Theme(子主题
.zip)同样通过「上传主题」安装 - 最后启用子主题(而非父主题),这样你的自定义改动都落在子主题里
提示:直接改父主题文件,下次更新 Bricks 会被覆盖;子主题是存放
functions.php、style.css自定义代码的正确位置。
激活 Bricks Builder
在「Bricks → Settings」或主题 Customizer 里,把站点默认编辑器设为 Bricks。新建/编辑页面时,选择「用 Bricks 编辑」即可进入可视化编辑器。
后台 Settings 逐项说明
Bricks 的 Settings 标签页较多,新人常一脸懵。逐项数一下:
| 标签页 | 作用 |
|---|---|
| General(常规) | 设默认编辑器、选主题样式、配色板、默认字体等全局基础项 |
| Builder access(访问权限) | 控制哪些用户角色能进 Bricks 编辑器(防客户乱改) |
| **Templates(模板) | 管理页眉/页脚/归档/单页等模板分配 |
| Builder(编辑器) | 编辑器行为设置(如延迟加载、右键菜单等) |
| Performance(性能) | CSS/JS 生成策略、是否合并文件等优化项 |
| API keys(API 密钥) | 填入 Google Maps、字体服务等的 key |
| Custom code(自定义代码) | 全局 CSS / 头部尾部脚本的统一入口(设计体系变量就放这) |
| Custom Fonts(自定义字体) | 上传/接入自托管字体 |
| Theme style(主题样式) | 定义一套可复用的视觉风格预设(见下篇) |
实际用得最多的是 General、Builder access、Custom code、Theme style 这四项。
小结
Bricks 的安装不复杂:父主题打底、子主题承接自定义、后台 Settings 按需开。配顺手的关键是把「全局 CSS/设计变量」放进 Custom code、「一套视觉预设」放进 Theme style——后续编辑页面就能直接选,不用每次手写。
选题参考自 JonnyWP 的《Bricks 安装与基础设置》教程思路,设置项与步骤为本站重写整理。
延伸阅读
Bricks 用 ACF Checkbox 字段渲染自定义 SVG 图标列表
教程:Bricks 用 ACF Checkbox 字段渲染自定义 SVG 图标列表——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 按 ACF Gallery 图片数量做动态条件输出
教程:Bricks 按 ACF Gallery 图片数量做动态条件输出——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 查询循环输出 ACF 图片字段的 Alt、Caption、标题数据
教程:Bricks 查询循环输出 ACF 图片字段的 Alt、Caption、标题数据——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 中输出 ACF Relationship 关联文章的数量
教程:Bricks 中输出 ACF Relationship 关联文章的数量——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
