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

首页 / 中文教程 / 教程

Bricks Query Loop 按日期字段条件输出元素(Pro 思路卡)

选题卡:在 Bricks Query Loop 里,只有当某个日期型自定义字段(如 event_date)大于当前时间时,才显示某个元素(如“即将开始”CTA)。思路+官方钩子,完整代码见 BricksLabs Pro。

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

Bricks Query Loop 按日期字段条件输出元素(Pro 思路卡)

本篇为选题卡 / 思路骨架。完整可运行代码在 BricksLabs Pro 会员区,本文只整理公开思路与涉及的钩子,不编造付费代码。原文:Conditionally outputting an element in a Query Loop based on date-type custom field

适用场景

假设你有一个 event(活动)自定义文章类型,带一个 event_date 日期型自定义字段,并用 Query Loop 展示最近发布的 10 个活动。

某一时刻,其中 2 个活动发生在未来。你希望只为这 2 个未来活动显示“即将开始”CTA 按钮,其余 8 个不显示。

实现思路

  1. Meta Box 注册一个 Date Picker 字段,并勾选 “Save value as timestamp”(存为时间戳)
  2. 在 Query Loop 里,对要条件显示的元素(如按钮)加一段判断逻辑:读取当前循环项的 event_date 时间戳,与 current_time 比较
  3. 仅当 event_date > 当前时间(即未来/即将开始)时,才渲染该元素

关键钩子与字段

  • 自定义字段插件:Meta Box(Date Picker,存时间戳)
  • 条件判断:对比 event_date 字段值与 current_time('timestamp')
  • 渲染控制:在子主题 functions.php 或代码片段插件里用 Bricks 的条件渲染钩子

完整 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.

延伸阅读