现象:升完 2.4 站怎么怪怪的
你点了一下「更新 Bricks」,后台提示 2.4 装好了。再打开编辑器,感觉——好像哪不对:某些元素的选项位置变了、Query Loop 多了一排开关、全局类面板长得不一样了。
这不是你眼花。2.4 是 Bricks 近几年改动面比较大的一次小版本,动到了循环、类管理、渲染管线三块。本文把对外贸站真正有用的讲清楚,不堆发行说明。
注:具体开关位置和字段名以你后台实际为准,Bricks 小版本之间 UI 会有微调;下文标「按官方文档补全」的是版本差异点,以官方 changelog 为准。
根因:2.4 动了哪些底层
一句话:2.4 把「查询循环」和「类系统」从「能用」推到「好用」,同时悄悄优化了前端 CSS 体积。
对做外贸站的人,核心就三件事:
- Query Loop 能更细地控制分页/偏移/动态来源
- 全局类(Global Classes)管理终于不那么反人类
- 前端 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 为准,本站不臆造。
外贸站要不要升
建议升,但按这个节奏:
- 先在** staging(或本地副本)**升,跑一遍关键页(首页/产品页/表单页)
- 重点看 Query Loop 类页面有没有偏移错乱
- 没问题再上生产
别在「正在跑广告、一天几十询盘」的站直接点更新——老规矩,任何 CMS 更新都先副本验。
小结
Bricks 2.4 不是大版本,但对外贸站是「白捡」的一次:Query Loop 更自由、全局类更好管、CSS 更轻、编辑器更跟手。升之前副本验一遍即可,没什么坑。
想从零用 Bricks 搭一个能收询盘的外贸站?看 铲子铺 chanzipu 的外贸建站实战(同用 Bricks,从模板到上线一步步来)。
需要 Bricks 建站或老站迁移?Ray Chan 接单——每篇教程都来自真实项目,填表一个工作日内回复。
延伸阅读
Bricks 建站 SEO 教程——轻量主题打底,再把元数据与结构做对
教程:用 Bricks 建站时 SEO 该做哪些事?主题是干净地基,配合 SEO 插件管元数据、保性能、理结构,独立站才上得去排名。
tutorialBricks 用 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 开发者。
