使用 div 將每 4 個帖子包裝在自定義 wordpress 循環中

Question

    <?php
      $args = array(
      'post_type' => 'college',
      'posts_per_page' => -1,
      'order' => 'DESC',
      'orderby' => 'menu_order'
      );

      $the_query = new WP_Query( $args );
      if ( $the_query->have_posts() ) :
      while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

      <div class="col-3">
        <?php the_title(); ?>
      </div>

   <?php
   endwhile;
   endif;
   wp_reset_postdata();
   ?>

嗨，我以前從來沒有這樣做過。 我試圖將上面循環中的每 4 個帖子包裝在<div class="row"></div>中

Answer 1

這應該把你整理出來

$args = array(
    'post_type' => 'college',
    'posts_per_page' => -1,
    'order' => 'DESC',
    'orderby' => 'menu_order'
);

$the_query = new WP_Query($args);
if ($the_query->have_posts()) :
    $counter = 0;
    while ($the_query->have_posts()) : $the_query->the_post();
        if ($counter % 4 == 0) :
            echo $counter > 0 ? "</div>" : ""; // close div if it's not the first
            echo "<div class='row'>";
        endif;
        ?>
        <div class="col-3">
            <?php the_title(); ?>
        </div>
        <?php
        $counter++;

    endwhile;
endif;
wp_reset_postdata();
?>

改編自foreach循環PHP中的每個第三項周圍的div包裝

Answer 2

您可以按照我的代碼進行操作，@chapskev 的帖子很好，但是在結束后缺少一個關閉的 div

<?php $counter = 0; // 4  per list ?>
<?php foreach ($arr as $key => $value) {
  if ($counter % 4 == 0) :
    echo $counter > 0 ? "</div>" : ""; // close div if it's not the first
    echo "<div class='group'>";
  endif;
  echo 
  <<<TEXT
  <span>content</span>
  TEXT;
  $counter++;
  }
  echo "</div>";
?>