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

首页 / 中文教程 / 教程

Bricks 的元素条件设置

教程:除了模板级条件,Bricks 每个元素还能设条件显示——满足规则才出现。讲设备/用户/字段等判断维度与场景。

Ray ChanRay Chan·2026-08-20·约 1 分钟
目录
  1. 1.元素条件是什么
  2. 2.常见判断维度
  3. 3.设置步骤
  4. 4.典型场景
  5. 5.小结

除了模板级条件,Bricks 每个元素还能设「条件显示」——满足规则才出现。本文讲元素条件的用法。

元素条件是什么

模板条件管「哪套模板显示」,元素条件管「这个具体元素在何种情况下显示/隐藏」。比如在手机上隐藏某块、登录用户才显示某按钮。

常见判断维度

  • 设备:桌面/平板/手机。
  • 用户状态:已登录/访客。
  • 内容属性:某分类、某字段值、某 ACF 条件。
  • URL 参数、日期等。

设置步骤

  1. 选中元素,在设置面板找到「条件(Conditions)」标签。
  2. 添加一条规则,选维度与值(如「设备 = 手机」「隐藏」)。
  3. 可加多条并设与/或,保存。 元素不满足时前台自动不渲染。

典型场景

  • 手机端隐藏侧边栏或复杂表格。
  • 会员专属内容只对登录用户显示。
  • ACF 字段为空时不显示对应区块。

小结

元素条件是精细化展示的瑞士军刀:选中元素 → 加显示规则 → 按设备/用户/字段控制显隐。和模板条件配合,做出「该看见的才看见」的页面。


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

延伸阅读