将每三个 WordPress 帖子包装在 div 中答案

【问题标题】：Wrap every three WordPress posts in div将每三个 WordPress 帖子包装在 div 中
【发布时间】：2016-10-09 03:41:26
【问题描述】：

我想将每三个帖子换成一个新行 (div)，一个页面上总共有九个帖子。最后有一个空行。我认为这 (I need to wrap every 4 wordpress posts in a div) 会起作用，但我在第 2、3、4 页等有更多帖子。下面是我的代码的简化版本。 $i = 1。

<div class="row">

    <?php while ( have_posts() ) : the_post(); ?>

        <div class="column">
        </div>

        <?php if ($i % 3 == 0 ) : ?>

            </div> <!-- .row -->
            <div class="row">

        <?php endif; $i++; ?>

    <?php endwhile; ?>

</div> <!-- .row -->

【问题讨论】：

标签： php wordpress

【解决方案1】：

您可以使用get_next_post() 来检查下一个帖子是否存在。

<?php if ($i % 3 == 0 ) : ?>
</div> <!-- .row -->
<?php
    $next_post = get_next_post();
    if (!empty( $next_post )): ?>
        <div class="row">
    <?php endif; ?>

【讨论】：

【解决方案2】：

我使用这篇文章 (https://www.nosegraze.com/display-wordpress-posts-2-3-columns/) 来解决我的问题。

$i = 0;

<?php while ( have_posts() ) : the_post(); ?>

    <?php if ( $i == 0 ) : ?>

        <div class="row">

    <?php endif; ?>

    <div class="column">
    </div> <!-- .column -->

    <?php
        $i++;
        if( $i == 3 ) :
        $i = 0; ?>

        </div> <!-- .row -->

    <?php endif; ?>

<?php endwhile; ?>

<?php if ( $i > 0 ) : ?>

    </div> <!-- .row -->

<?php endif; ?>

【讨论】：