如何在指定ACF自定义字段为空时隐藏对应标题

核心逻辑是提前对tamamlayici_urun_1_gorseli字段做非空校验，仅在校验通过时渲染标题和对应内容。

1. 自定义PHP代码实现（最常用） #

直接在小部件的输出代码中加入判断逻辑即可，示例代码如下：

// 获取目标ACF字段值，若字段关联的不是当前文章/页面，get_field第二个参数传入对应ID即可
$urun_gorsel = get_field('tamamlayici_urun_1_gorseli');

// 仅字段有有效值时输出标题+配套产品内容
if (!empty($urun_gorsel)) :
?>
<!-- 这里放你原来的配套产品标题代码 -->
<h3>配套产品</h3>

<!-- 这里放你原来的配套产品展示代码 -->
<div class="related-product">
    <?php 
    // 如果ACF图片字段返回格式为数组，用以下方式输出
    if (is_array($urun_gorsel)) {
        echo '<img src="'.esc_url($urun_gorsel['url']).'" alt="'.esc_attr($urun_gorsel['alt']).'">';
    } 
    // 如果ACF图片字段返回格式为URL，用以下方式输出
    else {
        echo '<img src="'.esc_url($urun_gorsel).'" alt="配套产品图">';
    }
    ?>
    <!-- 其余配套产品相关字段的输出代码 -->
</div>
<?php endif; ?>

2. 无代码场景实现 #

• 如果你是在ACF字段组里单独添加了标题字段：直接给标题字段设置显示条件，规则为tamamlayici_urun_1_gorseli 不等于 空即可
• 如果你是用页面构建器（Elementor/Beaver Builder等）的小部件添加的标题：给标题模块设置显示条件，绑定tamamlayici_urun_1_gorseli字段，设置为字段不为空时显示即可

内容的提问来源于stack exchange，提问作者Samet Yılmaz