Bricks 按 ACF Options 字段条件显示元素(Pro 思路卡)
本篇为选题卡 / 思路骨架。完整代码在 BricksLabs Pro,本文只整理公开思路与钩子,不编造付费内容。原文:ACF Options Page Custom Field Conditional in Bricks
适用场景
你用 ACF Options 页面存全站通用信息(如公司电话)。希望在电话字段有值时,才显示带电话图标的容器/Div;为空则不渲染——避免页面出现空的电话占位。
实现思路
- 在 ACF 创建 Options 页面,加一个
phone文本字段 - 在 Bricks 里放置带电话图标的容器
- 在子主题
functions.php或代码片段插件里,加一段判断:读取get_field('phone', 'option'),为空则移除/隐藏该容器
关键钩子
- ACF Options:
get_field('phone', 'option')取选项页字段 - 渲染控制:Bricks 条件渲染钩子(在
functions.php中针对该容器 ID 做判断)
完整 PHP 实现见 BricksLabs Pro 原文。本文仅作选题索引。
延伸
延伸阅读
Bricks 判断 ACF Repeater 是否有数据行:条件输出进阶
教程:在 Bricks 里用自定义函数判断 ACF Repeater 字段是否有数据行,从而条件显示元素。解决基础类型条件判断搞不定的数组型字段。
tutorialBricks Query Loop 按日期字段条件输出元素(Pro 思路卡)
选题卡:在 Bricks Query Loop 里,只有当某个日期型自定义字段(如 event_date)大于当前时间时,才显示某个元素(如“即将开始”CTA)。思路+官方钩子,完整代码见 BricksLabs Pro。
tutorialBricks 按用户角色条件输出内容(Pro 思路卡)
选题卡:根据当前登录用户的角色(如 editor / subscriber),在 Bricks 里条件显示或隐藏某些元素。思路+钩子,完整代码见 BricksLabs Pro。
tutorialBricks 给区块加草稿状态开关:编辑器里隐藏未定稿区块
教程:用代码片段给 Bricks 所有元素加一个“草稿状态”勾选框,勾选后前端不输出。适合临时隐藏未定稿区块(Bricks 2.0 已原生内置,本文作历史方案参考)。
