ACF Select字段选中后无法添加类且var_dump返回NULL的修复方法

核心问题分析 #

你的代码存在两个关键问题：

1. get_field("colors") 返回NULL是因为调用上下文错误——你在WP_Query循环外调用该函数，此时没有正确的当前文章上下文，无法获取对应文章的ACF字段值。
2. 颜色类的判断逻辑写在循环外，导致所有文章都会使用同一个$colortext值，无法实现单篇文章对应颜色的需求。

修复步骤 #

1. 将字段获取与逻辑判断移到循环内部 #

把ACF字段的获取和颜色类的判断代码放到while循环内部，确保每篇文章都单独获取自己的字段值：

<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$case = new WP_Query(array(
    'post_type' => 'post',
    'paged' => $paged,
    'order'  => 'DESC',
    'posts_per_page' => 12,
    'post_parent'  =>   $cats
));                      
while ($case->have_posts()) : $case->the_post(); 

// 移到循环内，获取当前文章的colors字段
$colors = get_field("colors");
$colortext = '';

if ($colors == 'yellow') {
    $colortext = 'yellow-article-bg';
} else if ($colors == 'green') {
    $colortext = 'green-article-bg';
} else if ($colors == 'blue') {
    $colortext = 'blue-article-bg';
} else if ($colors == 'dark blue') {
    $colortext = 'dark-blue-article-bg';
} else if ($colors == 'grey') {
    $colortext = 'grey-article-bg';
}
?>
<article class="<?php echo $colortext ?>">
  ...
</article>
<?php endwhile;
wp_reset_postdata();  ?>

2. 排查NULL返回的其他可能原因 #

如果调整位置后仍返回NULL，检查以下几点：

• 确认ACF字段的字段名称确实是colors：进入ACF字段编辑页面，查看"字段名称"（不是字段键）是否和调用的一致。
• 确认对应文章已设置颜色值：打开目标文章编辑界面，检查ACF下拉选择框是否已选择颜色选项并保存。
• 确认ACF插件已激活：在WordPress后台插件列表中，确保Advanced Custom Fields插件处于启用状态。
• 若字段附加在分类/页面而非文章上：需要在get_field中传入对应对象的ID，比如get_field("colors", $category_id)（分类字段场景）。

3. 代码优化（可选） #

可以用数组映射简化判断逻辑，让代码更简洁：

$color_map = array(
    'yellow' => 'yellow-article-bg',
    'green' => 'green-article-bg',
    'blue' => 'blue-article-bg',
    'dark blue' => 'dark-blue-article-bg',
    'grey' => 'grey-article-bg'
);
$colortext = isset($color_map[$colors]) ? $color_map[$colors] : '';

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