在 PHP 循环中插入静态块

Question

我正在尝试在 PHP 循环中插入 2 个静态 div，特别是一个在循环的最开头和一个在最后。

这 2 个 div 必须出现在它们对应的 .row 父级中，该父级当前环绕每 3 个 DIV。我该怎么做？

编辑 这是描述我需要的图像，粉红色块是手动插入的 div，与蓝色 div 具有不同的内容。那些蓝色的 div 只是 WP 帖子：

这是我的 PHP，目前这会在第一行和最后一行中创建 4 列，它应该只是 3 列：

<?php static $c=1;
      $subs = new WP_Query( array( 'post_parent' => 14, 'post_type' => 'page' ));
      if( $subs->have_posts() ) : while( $subs->have_posts() ) : $subs->the_post(); ?>

           <?php if (($c % 3) === 1) {
             // This creates part of the wrapper .row div
             echo "<div class='row'>";
           } ?>

           <?php 
           if ($c == 1) {?>
             <div class="col_4 card bar">
              first card that is manually inserted with different content
             </div>
           <?php } ?>

              <a href="<?php the_permalink(); ?>" class="col_4 card bar no-pad <?php if($c % 3 == 0) { echo 'last'; } ?>">
                 <?php if ( has_post_thumbnail() ) {?>
                 <div class="feature-image c-1">
                       <?php the_post_thumbnail('medium'); ?>
                 </div>
                 <?php } ?>
                 <div class="excerpt-wrap">
                    This is a post from within Wordpress
                 </div>
              </a>

           <?php if ($c == 6) {?>
                <div class="col_4 card bar">
                 Last card that is manually inserted with different content
                </div>
           <?php } ?>

           <?php if (($c % 4) === 3) {
             echo "</div>";
           }?>
     <?php $c++; endwhile; endif; wp_reset_postdata(); ?>

编辑 这是我想要实现的 HTML 结构：

<!-- very first row -->
<div class="row">
  <!-- This is a static block followed by the very first two worpdress posts-->
  <div class="static-block"></div>

  <a href="#" class="wp-post"></a>
  <a href="#" class="wp-post"></a>
</div>

<!-- I could have 3 or 30 wordpress posts repeating this format -->
<div class="row">
  <a href="#" class="wp-post"></a>
  <a href="#" class="wp-post"></a>
  <a href="#" class="wp-post"></a>
</div>

<!-- very last row -->
<div class="row">
  <!-- These are the very two worpdress posts followed by a static block -->
  <a href="#" class="wp-post"></a>
  <a href="#" class="wp-post"></a>

  <div class="static-block"></div>
</div>

Answer 1

<?php
    $c = 1;
    $subs = new WP_Query(array('post_parent' => 14, 'post_type' => 'page'));
    if ($subs->have_posts()) :
    ?>
        <div class='row'>
            <?php 
                while ($subs->have_posts()) : $subs->the_post();
                if (($c % 3) == 0 || $c == 3):
            ?>
        </div><div class='row'>
        <?php
                endif;
        ?>
        <?php
            if ($c == 1):
        ?>
            <div class="col_4 card bar">
            first card that is manually inserted with different content
            </div>
        <?php endif; ?>

        <a href="<?php the_permalink(); ?>" class="col_4 card bar no-pad <?php if ($c % 3 == 0) { echo 'last'; } ?>">
        <?php if (has_post_thumbnail()) { ?>
            <div class="feature-image c-1">
                <?php the_post_thumbnail('medium'); ?>
            </div>
        <?php } ?>
            <div class="excerpt-wrap">
                This is a post from within Wordpress
            </div>
        </a>

        <?php if ($c == 7) { ?>
            <div class="col_4 card bar">
                Last card that is manually inserted with different content
            </div>
        <?php } ?>


    <?php 
        $c++;
        endwhile; 
    ?>
    </div>                        
<?php
    endif;
    wp_reset_postdata(); 
?>

如果页面超过 7 页，并且您想在最后添加静态块 将 7 更改为帖子计数值 ( $c == $sub->post_count)

Answer 2

编辑：抱歉，我好像在你上传线框图片之前看到了你的帖子。

我不太清楚您的代码的目标。但是，我的理解是你需要生成这样的结构：

<div class='row'>
  <div class='static'>
  </div>
  <div class='static'>
  </div>

  #here the loop will create
  <div></div>
  <div></div>
  <div></div>

  <div class='static'>
  </div>
  <div class='static'>
  </div>
</div>

这将在您的 while 中复制尽可能多的 i。

如果这是你需要的，那么我认为你需要做的是用你的 $c 变量计算 1,2,3。每次你在 $c = 1 打印前 2 个静态 div，当你在 $c = 3 打印最后 2 个静态 div。当您达到 $c = 3 时将 $c 重置为 1 并包含一个条件询问它是否是最后一项及其 $c != 3 以便打印出最后 2 个静态 div。