WordPress 循环将 div 包裹在每组 3 列周围

Question

我想创建一个WordPress循环，将DIV包裹在每组3列周围。本质上，我希望这是循环输出：

<div class="row"> // This row does have 3 sets of columns, so it will create another row
    <div class="large-4 medium-4 columns panel grid">
    <--Content Stuff-->
    </div>
    <div class="large-4 medium-4 columns panel grid">
    <--Content Stuff-->
    </div>
    <div class="large-4 medium-4 columns panel grid">
    <--Content Stuff-->
    </div>
</div>
<div class="row"> // Since this row doesn't have three sets of columns, so it does not create another row
    <div class="large-4 medium-4 columns panel grid">
    <--Content Stuff-->
    </div>
    <div class="large-4 medium-4 columns panel grid">
    <--Content Stuff-->
    </div>
</div>

这是我当前的循环代码：

<?php $i = 1; ?>
<?php query_posts('cat=-4'); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="row">
    <div class="large-4 medium-4 columns panel grid">
        <--Content Stuff-->
    <?php if ($i % 3 == 0) {echo '</div></div><div class="row"><div class="large-4 medium-4 columns panel grid">';} ?>
    <?php $i++; endwhile; endif; ?>
    </div> <!-- end .panel -->
</div>      
<?php else : ?>
<?php get_template_part( 'partials/content', 'missing' ); ?>
<?php endif; ?>

但是，这最终会呈现一个完全空白的页面，这让我相信我有PHP错误 - 我只是不知道在哪里。

Answer 1

我认为这是 while 语句的额外结束

<?php endwhile; ?> 

删除上面的行，因为您已经关闭了 while 语句