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

首页 / 中文教程 / 教程

Bricks 按 ACF Options 字段条件显示元素(Pro 思路卡)

选题卡:只有当 ACF Options 页面上的某个字段(如 phone)有值时,才渲染带电话图标的容器。思路+钩子,完整代码见 BricksLabs Pro。

Ray ChanRay Chan·2026-08-18·约 1 分钟
目录
  1. 1.适用场景
  2. 2.实现思路
  3. 3.关键钩子
  4. 4.延伸

Bricks 按 ACF Options 字段条件显示元素(Pro 思路卡)

本篇为选题卡 / 思路骨架。完整代码在 BricksLabs Pro,本文只整理公开思路与钩子,不编造付费内容。原文:ACF Options Page Custom Field Conditional in Bricks

适用场景

你用 ACF Options 页面存全站通用信息(如公司电话)。希望在电话字段有值时,才显示带电话图标的容器/Div;为空则不渲染——避免页面出现空的电话占位。

实现思路

  1. 在 ACF 创建 Options 页面,加一个 phone 文本字段
  2. 在 Bricks 里放置带电话图标的容器
  3. 在子主题 functions.php 或代码片段插件里,加一段判断:读取 get_field('phone', 'option'),为空则移除/隐藏该容器

关键钩子

  • ACF Optionsget_field('phone', 'option') 取选项页字段
  • 渲染控制:Bricks 条件渲染钩子(在 functions.php 中针对该容器 ID 做判断)

完整 PHP 实现见 BricksLabs Pro 原文。本文仅作选题索引。

延伸

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.

延伸阅读