如何使用ACF与自定义文章类型展示全部图片画廊

原有代码的$images变量在自定义文章类型循环中被反复覆盖，循环执行完成后仅会存储最后一篇文章的画廊字段数据，因此最终只能输出单个画廊的内容。

核心调整逻辑是提前初始化存储全部画廊图片的空数组，循环过程中将每篇文章的画廊数据追加合并到总数组中，待所有文章遍历完成后再统一渲染输出，同时补充wp_reset_postdata()恢复全局WordPress查询上下文，避免影响页面其他逻辑。

调整后的完整代码如下：

<?php
// 提前初始化空数组存储所有画廊图片
$all_gallery_images = [];

$loop = new WP_Query( array( 
    'post_type' => 'galleries', 
    'nopaging' => true 
) );

if ( $loop->have_posts() ) {
    while ( $loop->have_posts() ) : $loop->the_post();
        // 获取当前文章的ACF画廊数据
        $current_gallery = get_field('image_gallery');
        // 校验当前画廊数据为有效数组时，合并到总图片数组
        if( is_array($current_gallery) ) {
            $all_gallery_images = array_merge($all_gallery_images, $current_gallery);
        }
    endwhile;
    // 重置文章数据，避免干扰全局查询
    wp_reset_postdata();
}

// 所有文章遍历完成后，判断总画廊是否有图片再统一输出
if( $all_gallery_images ): ?>
    <?php foreach( $all_gallery_images as $image ): ?>
        <a href="<?php echo esc_url($image['url']); ?>" style="background-image: url(<?php echo esc_url($image['url']); ?>); background-size: cover;"  data-lightbox="gallery">
            <img class="gallery-image" src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>">
        </a>
    <?php endforeach; ?>
<?php endif; ?>

可选优化 #

如果需要避免不同文章上传同一张图片导致画廊出现重复内容，可以在合并数组前对图片ID做去重处理，调整循环内的合并逻辑即可。

内容的提问来源于stack exchange，提问作者Tiana C.