🆕 Bricks 2.4 已发布:查询循环性能提升 40%,迁移教程同步更新 →

首页 / 中文教程 / 教程

Bricks 安装与基础设置:从启用子主题到性能优化

从官网下载、启用 Bricks Child 子主题,到 General、Builder Access、性能、全局 Custom Code 等基础设置逐项讲清,附各开关的推荐配置。

Ray ChanRay Chan·2026-08-19·约 1 分钟
目录
  1. 1.安装 Bricks 与启用子主题
  2. 2.通用设置(General)
  3. 3.Builder Access 与代码执行权限
  4. 4.Builder 界面与性能设置
  5. 5.API 与全局 Custom Code
  6. 6.小结

安装 Bricks 与启用子主题

官网购买后,进账号的 DOWNLOADS 分别下载 Bricks Theme 和 Child Theme 两个 zip 包(不用解压)。在 WordPress 后台「主题」里按序上传安装,并启用 Bricks Child 子主题。

为什么要子主题? 子主题通过 WordPress 可识别的代码和父主题关联,继承父主题全部功能,同时可以修改/新增 CSS、PHP,却不动父主题任何文件。父主题每次更新都会替换全部文件,若把代码写进父主题,更新后代码全没;写进子主题则安全。

brickswiki 视角:建议编辑器界面用英文。一来官方中文翻译疑似机翻、有误导,二来英文术语在各编辑器里基本统一,熟悉后更容易切换工具、也方便查国外优质教程。

通用设置(General)

进 Settings 逐项看:

  • Post types:默认即可。真要用 Bricks 编辑博客正文时,再打开 Posts 开关。
  • Gutenberg data:保持默认。
  • SVG uploads:建议只开放管理员上传权限。SVG 本质是代码(记事本可打开),可能被植入恶意代码,务必只用可信来源;Logo 推荐用 SVG(矢量不失真,可用 AI 编辑)。
  • Miscellaneous:建议禁用前两项。一般用专门的 SEO 插件,关掉 Bricks 自带相关功能以防冲突。
  • Custom breakpoints:需要自定义断点时才开。Bricks 默认 4 档:桌面端(≥992px)、平板端(768–991px)、手机横屏(479–767px)、手机纵屏(≤478px)。
  • Convert:一般不用。版本大改时 Bricks 会在这里提供一键迁移。

Builder Access 与代码执行权限

  • Builder access:默认即可,一般只让管理员拥有编辑权限。
  • Code Execution:开启后,Code 小部件下会出现 Execute Code 开关,之后在 Code 小部件里写的代码就能运行。通常也只给管理员开。

Builder 界面与性能设置

  • 自动保存:默认 60 秒一次,可按需改。
  • 界面颜色/语言:默认灰黑,可换;语言建议选 English(配合英文术语学习)。
  • 结构面板:按个人习惯配置即可。
  • 动态数据:建议禁用 WP REST API(有安全隐患);Dynamic data 按喜好设。
  • 性能(Performance):Bricks 本身加载快,因为它大幅压缩了自身 CSS/JS,并内置了缓存插件常见的优化(禁用 emoji、禁用谷歌字体、图片懒加载等)。
    • 没用到谷歌字体就一并禁用。
    • CSS 加载方式:推荐 External files,加载更快。
    • Webfont 加载方式:默认 Stylesheets 是先出文字再套样式,网慢时字体突变更明显、CLS 值可能偏高;Webfont Loader (JS) 则是字体加载完才显示文字,减少偏移,但网慢时用户可能已划到下方而忽略上方文字。按场景取舍。

API 与全局 Custom Code

  • API:用到时再填对应密钥(如 Google Maps、reCAPTCHA 等)。
  • Custom Code:可直接在这里加全局 CSS/JS,省掉额外代码管理插件。这里加的代码全站加载,适合放 GTM 之类全局代码;只想单页加载的代码,要到具体页面/模板的 Style → CSS → Custom CSS 里加。

小结

安装用 Bricks + Child 子主题,基础设置里重点盯住 SVG 权限、Miscellaneous 冲突项、断点、Code Execution 权限、CSS 用 External files 这几项。设置好就可以去熟悉界面和基本操作了。


内容说明(整理稿):本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程(源多为截图驱动教程,正文极薄),内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理,非原文逐字翻译,也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准,实操前建议对照官方文档核对。

Ray Chan

站长

Ray Chan

WordPress Developer & Bricks Specialist

WordPress developer with 10+ years of client builds. Switched to Bricks in 2023 — now builds fast WordPress sites and migrates legacy Elementor/Divi projects.

延伸阅读