寻求WordPress嵌套循环解决方案：单个li内展示不同分类内容

需要在单个<li>标签内实现两类内容的展示：

• 主内容区域：展示某一分类/标签的文章内容
• 下方相关内容区域：展示另一指定标签的2篇文章

之前尝试使用多重循环，但存在代码冗余且无法正常运行的问题，现有代码如下，已标注内容区域的起止位置：

<li>
   <div class="hero-carousel-item">
      <!-- First content begins here....... -->
      <div class="background-container imagefill"
         style="background-image: url('<?= get_the_post_thumbnail_url() ?>')"
         data-imagefill-alt="<?= get_the_post_thumbnail_caption() ?>">
      </div>
      <div class="l-container">
         <div class="info">
            <div class="content">
               <h2><?php
                  $posttags = get_the_tags();
                  if ($posttags) {
                      foreach ($posttags as $tag) {
                          echo $tag->name . " ";
                      }
                  }
                  ?><br></h2>
               <a class="link-caret" href="<?php the_permalink();?>" target="_blank"><?php the_title();?></a>
            </div>
            <!-- First Content ends here. It is a different category -->
            <div class="content related">
               <!-- Related Content begins here and Its where i want to put another category of Tag content..... -->
               <h3><?php
                  $posttags = get_the_tags();
                  if ($posttags) {
                      foreach ($posttags as $tag) {
                          echo $tag->name . " ";
                      }
                  }
                  ?></h3>
               <ul>
                  (I need two items in this li) as shown below
                  <li><a class="link-caret" title="<?php the_title();?>" href="<?php the_permalink();?>" target="_blank"><?php the_title();?></a></li>
                  <li><a class="link-caret" title="<?php the_title();?>" href="<?php the_permalink();?>" target="_blank"><?pho the_title();?></a></li>
               </ul>
            </div>
         </div>
      </div>
   </div>
</li>

可行方案：使用WP_Query实现独立循环 #

核心思路是用WP_Query创建独立查询获取指定标签的文章，同时保存主循环上下文避免冲突，代码复用性更强且逻辑清晰。

替换现有代码中相关内容区域的代码，最终完整代码如下：

<li>
   <div class="hero-carousel-item">
      <!-- 主内容区域开始 -->
      <div class="background-container imagefill"
         style="background-image: url('<?= get_the_post_thumbnail_url() ?>')"
         data-imagefill-alt="<?= get_the_post_thumbnail_caption() ?>">
      </div>
      <div class="l-container">
         <div class="info">
            <div class="content">
               <h2><?php
                  $posttags = get_the_tags();
                  if ($posttags) {
                      foreach ($posttags as $tag) {
                          echo $tag->name . " ";
                      }
                  }
                  ?><br></h2>
               <a class="link-caret" href="<?php the_permalink();?>" target="_blank"><?php the_title();?></a>
            </div>
            <!-- 主内容区域结束 -->
            <div class="content related">
               <!-- 相关内容区域开始 -->
               <h3>相关文章</h3>
               <ul>
                  <?php
                  // 保存主循环的当前文章对象，后续恢复
                  $current_post = $post;
                  
                  // 定义相关文章查询参数：替换为你需要的目标标签slug/ID
                  $related_args = array(
                      'tag' => 'your-target-tag-slug', // 替换成目标标签的slug，或用'tag_id' => 标签ID
                      'posts_per_page' => 2,
                      'post__not_in' => array(get_the_ID()), // 排除当前文章，避免重复
                      'post_status' => 'publish'
                  );
                  
                  $related_query = new WP_Query($related_args);
                  
                  if ($related_query->have_posts()) :
                      while ($related_query->have_posts()) : $related_query->the_post();
                  ?>
                  <li>
                     <a class="link-caret" title="<?php the_title();?>" href="<?php the_permalink();?>" target="_blank"><?php the_title();?></a>
                  </li>
                  <?php
                      endwhile;
                      // 重置查询，恢复主循环上下文
                      wp_reset_postdata();
                      // 恢复原文章对象
                      $post = $current_post;
                  else :
                      // 无相关文章时的提示
                      echo '<li>暂无相关文章</li>';
                  endif;
                  ?>
               </ul>
            </div>
            <!-- 相关内容区域结束 -->
         </div>
      </div>
   </div>
</li>

关键说明： #

• 替换'tag' => 'your-target-tag-slug'中的值为你要展示的目标标签slug，若用标签ID则改为'tag_id' => 123（123为实际标签ID）
• 如果需要展示分类而非标签，将参数替换为'category_name' => '分类slug'或'cat' => 分类ID
• post__not_in用于排除当前文章，避免重复展示
• 必须调用wp_reset_postdata()恢复主循环上下文，防止后续模板逻辑出现异常

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