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

首页 / 中文教程 / 教程

Bricks 三大高级功能:动态数据、Query Loop 与条件显示

讲透 Bricks 做动态网站的三件套——Dynamic Data(动态数据)、Query Loop(遍历查询)、条件显示,含动态数据字段、伪 SQL 查询逻辑与 AND/OR 条件用法。

Ray ChanRay Chan·2026-08-19·约 1 分钟
目录
  1. 1.什么是动态数据(Dynamic Data)
  2. 2.动态数据字段怎么用
  3. 3.Query Loop:遍历查询逻辑
  4. 4.条件显示:基于 PHP 的真隐藏
  5. 5.AND / OR 条件组合
  6. 6.小结

什么是动态数据(Dynamic Data)

动态数据是相对于「静态数据」而言的。平时我们从媒体库选图、手动输文字,做出来的内容是固定的,叫静态数据;动态数据则让网页发布后内容随条件变化——做模板时尤其常用。

比如做博客详情页模板,目的是给所有文章套同一种样式,但标题、发布时间、摘要各不相同。默认用 Post Title、Meta Data、Post Content 这些小部件;而用动态数据,只用一个 Rich Text 小部件就能实现这三者全部效果。

brickswiki 视角:可以把 Post Title、Post Content 等小部件理解为某个 dynamic data 字段的「实体化载体」,Bricks 只是额外给它们加了参数。理解到这一层,排版就自由了。

动态数据字段怎么用

{ } 代表动态数据,花括号里填字段名。也可以点 ⚡ 闪电符号进选择界面挑字段。

从数据库角度类比:Post、作者、Site 相当于一张表,post_title、post_excerpt、featured_image 是表里的字段;指定网页某位置显示某字段,当命中查询条件时,该位置就显示这个字段的值。

  • post_title → 文章标题
  • post_excerpt → 文章摘要
  • featured_image → 特色图
  • post_id → 文章在 WP 系统中的 ID
  • post_link → 文章网址

注意:动态数据里的 post 不是狭义的 blog,而是「页面类型里的具体内容页」——WooCommerce 的 product、自定义页面内容页都算。所以产品详情页用 post_title 字段代替 Product title 小部件也完全可行。

Query Loop:遍历查询逻辑

Query Loop(遍历查询)即「查询所有符合条件的内容并输出」。支持的小部件有:所有容器(section/container/block/div)、手风琴、滑块、Tabs。

它的设置相当于为要显示的内容指定「数据表 + 排序字段」,具体内容字段用动态数据指定,再输出所有命中值。把上面的设置翻译成类 SQL 逻辑大概是这样:

select { 小部件中 Dynamic Data 选择的字段 }
from   { 我们指定的数据表:Posts }
where  post_type = Products-MB
order by Title asc
offset 0;

只要理解了「查哪张表、按什么排、输出哪些字段」这条主线,Query Loop 就很好上手。

条件显示:基于 PHP 的真隐藏

条件显示是 Bricks 1.5.4 起给每个小部件加的重大功能。加了条件后,只有符合条件才显示;它基于 PHP,不符合时连 HTML 都不输出,和 CSS 隐藏(代码仍加载)完全不同——对性能和 SEO 更友好。

brickswiki 视角:最实用的是 OTHER 分类下的条件,能对「不同来源人群」展示不同营销内容。期待未来加「基于地理位置」的条件,做多国站会更爽。

AND / OR 条件组合

条件可以是单个、成组、多组,逻辑用 ANDOR

  • AND:所有条件同时成立才显示(点红色 + 号添加)。
  • OR:任意一项成立即显示(点蓝色 + 号添加)。

符号含义:== 等于,!= 不等于,其余比较符号同理。

小结

Bricks 做动态站靠三件套:Dynamic Data 提供「同一版式不同内容」的能力,Query Loop 负责「按条件查出并遍历输出」,条件显示负责「按规则真隐藏」。三者组合,基础动态站就能搭起来。


内容说明(整理稿):本文选题与步骤框架参考自竞对站 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.

延伸阅读