Question

我正在尝试使用php模数制作Wordpress循环。该场景包含了div中的每3个帖子。我的下面的脚本工作得很好，除了我在最后找到一个未使用的空div（来自inspect元素）。

$loop_args = array(
    'post_type' => 'post',
    'post_status' => 'publish',
    'posts_per_page' => 6
);

$loop = new WP_Query( $loop_args );

<?php if( $loop->have_posts() ): ?>

<div class="row">
    <?php $count = 0; ?>
    <div class="col-md-6">
    <?php while( $loop->have_posts() ) : $loop->the_post(); $count++; ?>
        <?php if( $count % 3 == 0 ): ?>
        <article class="post-content"><?php the_title();?></article>
    </div> <!-- .col md 6 -->
    <div class="col-md-6">
    <?php else: ?>
        <article class="post-content"><?php the_title();?></article>
        <?php endif; // end modulus ?>
        <?php endwhile; // end while loop ?>
    </div> <!-- .col md 6 -->
</div> <!-- .row -->

<?php endif; wp_reset_postdata(); ?>

请查看我的附件中最后一个突出显示的div：

screenshot preview

如何删除未使用的空div？

提前致谢。

Answer 1

我看到的问题是，即使在打开标签后没有其他文章，当模数3为0时，你总是在打开<div class="col-md-6">。在这种情况下，你最终会得到一个空div。

Answer 2

试试这个：

<div class="row">
    <?php $count = 0; ?>
    <div class="col-md-6">
        <?php while( $loop->have_posts() ) : $loop->the_post(); $count++; ?>
            <?php if( $count % 3 == 1 && $count > 1 ): ?>
                </div> <!-- .col md 6 -->
                <div class="col-md-6">
                    <article class="post-content"><?php the_title();?></article>
            <?php else: ?>
                <article class="post-content"><?php the_title();?></article>
            <?php endif; // end modulus ?>
        <?php endwhile; // end while loop ?>
    </div> <!-- .col md 6 -->
</div> <!-- .row -->

此处我不会关闭第三个div上的article，但如果我需要第四个{{1}}，请将其打开。

如何在wordpress循环中删除未使用的div？

2 个答案: