Elementor自定义Shortcode编辑器正常，前端页面无限重复问题求助

我一眼就揪出了问题的核心——你的自定义循环条件写错了！

问题根源 #

在team.php的循环代码里，你明明实例化了自己的查询对象$the_query = new WP_Query( $args );，但判断循环是否存在的条件却用了全局的have_posts()，而非你创建的查询对象专属方法$the_query->have_posts()。

这会引发什么问题？当短代码在页面中执行时，have_posts()会调用WordPress的全局$wp_query（也就是当前页面的查询），而不是你定义的team_members自定义文章类型查询。于是代码会进入当前页面的循环，而短代码又被包含在页面内容里，直接形成无限递归渲染，最终导致页面内容重复加载。

而直接把代码放到模板文件里时，模板本身是在全局查询之后执行，不会触发这种递归，所以能正常运行。

修正后的代码 #

把team.php里的循环判断行修改如下：

<div class="container team-members-container">
<h2 style="font-weight: bold; text-align: center; margin:70px 0 70px 0;">The Team</h2>
<div class="row">
<?php 
$args = array( 'post_type' => 'team_members' ); 
$the_query = new WP_Query( $args ); 
?>
<?php if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="col-sm-4">
<a href="<?php the_permalink(); ?>">
<?php $image = get_field('photo'); if( !empty($image) ): ?>
<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
<?php endif; ?>
<h2 class="team-name"><?php the_field('name'); ?></h2>
<p class="team-position"><?php the_field('position'); ?></p>
</a>
</div>
<?php endwhile; wp_reset_postdata(); endif; ?>
</div>
</div>

关键修改点：将if ( have_posts() )改为if ( $the_query->have_posts() )，确保使用你自定义的查询对象来判断循环条件。

额外注意事项 #

• 你的短代码注册方式（用ob_start()和get_template_part()）是正确的，不需要修改。
• 你已经在循环结束后调用了wp_reset_postdata()，这一步很重要，能确保全局的$post对象恢复正常，避免影响页面其他部分的内容。

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