除了模板级条件,Bricks 每个元素还能设「条件显示」——满足规则才出现。本文讲元素条件的用法。
元素条件是什么
模板条件管「哪套模板显示」,元素条件管「这个具体元素在何种情况下显示/隐藏」。比如在手机上隐藏某块、登录用户才显示某按钮。
常见判断维度
- 设备:桌面/平板/手机。
- 用户状态:已登录/访客。
- 内容属性:某分类、某字段值、某 ACF 条件。
- URL 参数、日期等。
设置步骤
- 选中元素,在设置面板找到「条件(Conditions)」标签。
- 添加一条规则,选维度与值(如「设备 = 手机」「隐藏」)。
- 可加多条并设与/或,保存。 元素不满足时前台自动不渲染。
典型场景
- 手机端隐藏侧边栏或复杂表格。
- 会员专属内容只对登录用户显示。
- ACF 字段为空时不显示对应区块。
小结
元素条件是精细化展示的瑞士军刀:选中元素 → 加显示规则 → 按设备/用户/字段控制显隐。和模板条件配合,做出「该看见的才看见」的页面。
内容说明(整理稿):本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程(源多为截图驱动教程,正文极薄),内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理,非原文逐字翻译,也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准,实操前建议对照官方文档核对。
延伸阅读
Bricks 按 ACF Gallery 图片数量做动态条件输出
教程:Bricks 按 ACF Gallery 图片数量做动态条件输出——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 元素条件设置详解——不满足条件的元素直接不渲染
教程:Bricks 元素想按登录状态、用户角色、日期或动态数据来显隐?用元素条件(Conditions)设置,不满足就直接从 HTML 里消失。
tutorialBricks 流体排版:用 clamp() 让间距字号随屏幕自动缩放
教程:用 CSS clamp() 函数替代固定数值,实现 Bricks 站点的流体排版——内边距、字号、间距随视口宽度平滑缩放,桌面端宽松、手机端紧凑,视觉更和谐且免写一堆媒体查询。
tutorialBricks 模板条件设置详解
教程:模板靠条件决定显示在哪些页面。把类型/分类/具体页等判断维度讲透,避免页面套错版式。
