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

首页 / 中文教程 / 教程

Bricks 2.4 更新了什么——外贸站值得关心的 6 个新特性实战解读

教程:Bricks 2.4 到底改了啥——Query Loop、全局类、性能与编辑体验的实打实变化,外贸独立站要不要升、升了注意啥。

Ray ChanRay Chan·2026-08-15·约 1 分钟
目录
  1. 1.现象:升完 2.4 站怎么怪怪的
  2. 2.根因:2.4 动了哪些底层
  3. 3.6 个新特性逐个看
  4. 4.外贸站要不要升
  5. 5.小结

现象:升完 2.4 站怎么怪怪的

你点了一下「更新 Bricks」,后台提示 2.4 装好了。再打开编辑器,感觉——好像哪不对:某些元素的选项位置变了、Query Loop 多了一排开关、全局类面板长得不一样了。

这不是你眼花。2.4 是 Bricks 近几年改动面比较大的一次小版本,动到了循环、类管理、渲染管线三块。本文把对外贸站真正有用的讲清楚,不堆发行说明。

注:具体开关位置和字段名以你后台实际为准,Bricks 小版本之间 UI 会有微调;下文标「按官方文档补全」的是版本差异点,以官方 changelog 为准。

根因:2.4 动了哪些底层

一句话:2.4 把「查询循环」和「类系统」从「能用」推到「好用」,同时悄悄优化了前端 CSS 体积。

对做外贸站的人,核心就三件事:

  1. Query Loop 能更细地控制分页/偏移/动态来源
  2. 全局类(Global Classes)管理终于不那么反人类
  3. 前端 CSS 更轻 → 速度体检分数更好看

下面逐个拆。

6 个新特性逐个看

1. Query Loop 增强:偏移与分页更自由

以前想「首页展示 6 篇、列表页从第 7 篇开始」得绕条件。2.4 的 Query Loop 直接在元素设置里给了**偏移量(offset)**和更细的分页控制。

实战:Bricks 产品列表页(WooCommerce)想首页只露 6 个、点「更多」进归档页看全量——现在不用复制查询、靠 offset 一个参数搞定。

2. 全局类面板重做

全局类(Global Class)是 Bricks 做多页统一风格的核心。2.4 把类管理面板的交互理顺了:搜索、分组、批量改继承更顺。

实战:你给全站按钮都挂了 .btn-primary 全局类,2.4 下改一次按钮圆角,全站按钮同步——这件事本来就能做,现在找类更快。

3. 动态数据标签更稳

{...} 动态标签和 ⚡ 数据绑定在 2.4 修了一些边缘情况下的渲染塌陷(比如 ACF 关系字段嵌套)。

实战:Bricks 用 ACF 自定义字段做产品库,2.4 下嵌套查询循环的绑定更不容易「刷新后变空白」。

4. 前端 CSS 体积下降

2.4 对生成 CSS 做了去重。站页数多的外贸站,前端 CSS 文件会小一截。

实战:Bricks 网站速度体检里,「未使用 CSS」和「总 CSS 体积」两项分数会抬一点。提速清单里这条不用你动手,升就完事。

5. 编辑器响应速度

大页面(几十个容器的首页)在 2.4 编辑器里拖动更跟手。属于「升了才感知」的改进。

6. 其他按官方文档补全

小版本还有若干细修(如某些元素的默认间距、条件渲染的边缘 bug)。这些以官方 2.4 changelog 为准,本站不臆造。

外贸站要不要升

建议升,但按这个节奏:

  1. 先在** staging(或本地副本)**升,跑一遍关键页(首页/产品页/表单页)
  2. 重点看 Query Loop 类页面有没有偏移错乱
  3. 没问题再上生产

别在「正在跑广告、一天几十询盘」的站直接点更新——老规矩,任何 CMS 更新都先副本验。

小结

Bricks 2.4 不是大版本,但对外贸站是「白捡」的一次:Query Loop 更自由、全局类更好管、CSS 更轻、编辑器更跟手。升之前副本验一遍即可,没什么坑。

想从零用 Bricks 搭一个能收询盘的外贸站?看 铲子铺 chanzipu 的外贸建站实战(同用 Bricks,从模板到上线一步步来)。

需要 Bricks 建站或老站迁移?Ray Chan 接单——每篇教程都来自真实项目,填表一个工作日内回复。

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.

延伸阅读