Elementor模板中关联两种自定义文章类型ACF字段无显示求助

问题背景 #

在Elementor模板中展示自定义文章类型「proprieta」（物业）内容时，需通过ACF对象字段「venditori_proprieta」关联并显示对应「venditore」（销售代表）的详情，但现有代码无任何内容输出。

错误分析 #

原有代码存在3个核心问题：

• 错误遍历所有「venditore」文章，而非当前「proprieta」关联的特定销售代表
• 在foreach循环内调用get_field('venditori_proprieta')时，全局$post指向「venditore」对象，无法读取「proprieta」的关联字段
• ACF图片字段直接输出会返回数组而非可显示的HTML内容

修复方案 #

步骤1：获取当前物业关联的销售代表 #

当前上下文是「proprieta」的Elementor模板，直接调用get_field('venditori_proprieta')即可获取关联的销售代表（注意：需确认ACF字段的返回格式是「Post ID」还是「Post Object」）

步骤2：处理关联数据并输出字段内容 #

• 针对销售代表的姓名字段，直接通过关联ID/对象获取
• 针对图片字段，需从返回的数组中提取URL，生成<img>标签

完整修复代码 #

<?php
// 获取当前物业关联的销售代表（根据ACF字段设置，返回ID或对象）
$venditore = get_field('venditori_proprieta');

// 判断是否存在关联的销售代表
if ($venditore) {
    // 统一处理ID：如果返回的是对象，取ID；如果是ID直接使用
    $venditore_id = is_object($venditore) ? $venditore->ID : $venditore;

    // 获取销售代表姓名并输出
    $venditore_nome = get_field('nome_venditore', $venditore_id);
    if ($venditore_nome) {
        echo '<div class="venditore-nome">' . esc_html($venditore_nome) . '</div>';
    }

    // 获取销售代表图片并输出（ACF图片字段默认返回数组）
    $venditore_photo = get_field('venditore_immagine', $venditore_id);
    if ($venditore_photo && isset($venditore_photo['url'])) {
        echo '<div class="foto">
                <img src="' . esc_url($venditore_photo['url']) . '" alt="' . esc_attr($venditore_photo['alt']) . '">
              </div>';
    }
}
wp_reset_postdata();
?>

额外注意事项 #

• 确认ACF字段「venditori_proprieta」已正确关联到「venditore」自定义文章类型
• 确认「nome_venditore」和「venditore_immagine」字段已在「venditore」的ACF字段组中创建并赋值
• 使用esc_html()和esc_url()避免XSS安全问题

内容的提问来源于stack exchange，提问作者Davide Bellucci