同一div - WP循环中的两个帖子

Question

在Wordpress中，我需要以下内容：

<div class="posts-wrapped">
    <div id="post-1" class="post">
        <h1>Title 1</h1>
    </div>
    <div id="post-2" class="post">
        <h1>Title 2</h1>
    </div>
</div>
<div class="posts-wrapped">
    <div id="post-3" class="post">
        <h1>Title 3</h1>
    </div>
    <div id="post-4" class="post">
        <h1>Title 4</h1>
    </div>
</div>

我知道如何使用WP循环来获取帖子，但我如何才能将每两个帖子包装在.posts包装的div中呢？

我用WP_Query获取帖子。

谢谢!

编辑:所以我尝试了几种方法。例如，使用以下命令：

$index=0;
<div class="posts-wrapped">

<?php
while ( have_posts() ) {
    $index++;   
?>
<div class="post">
        <h1><?php the_post(); ?></h1>
    </div> <?php
if(($index % 2) ==0){
echo '</div><div class="posts-wrapped">';
}
} ?>

</div>

但这会打印一个额外的空posts wrapped div：

<div class="posts-wrapped">
    Lorem ipsum 1<br>
    Lorem 2 ipsum est<br>
</div>
<div class="posts-wrapped">
    Lorem ipsum 1<br>
    Lorem 2 ipsum est<br>
</div>
<div class="posts-wrapped">
</div>

我怎样才能去掉最后一个空的div？它搞乱了我的carousel (这个内容是carousel的一部分)。

Answer 1

获取计算循环迭代次数的索引，并检查模运算以了解它是偶数还是奇数

$index=0;
<div class="posts-wrapped">

<?php
while ( have_posts() ) {
    $index++;   
?>
<div class="post">
        <h1><?php the_post(); ?></h1>
    </div> <?php
if(($index % 2) ==0){
echo '</div><div class="posts-wrapped">';
}
} ?>

</div>

Answer 2

这应该是可行的：

<?php
while(have_posts()){
    the_post();
?>
<div class="posts-wrapped">
    <div class="post">
        <h1><?php the_title(); ?></h1>
    </div>

    <?php
    if(have_posts()){ //Makes sure you have another post
        the_post();
    ?>
        <div class="post">
            <h1><?php the_title(); ?></h1>
        </div>
    <?php
    }
    ?>
</div>
<?php
}
?>

Answer 3

<?php
$i = 0;
if (have_posts()) : 
    while (have_posts()) : the_post();

    if($i == 0) {
        echo '<div class="posts-wrapped">';
    } ?>

    <div class="post">
        <h1><?php the_title(); ?></h1>
    </div>

<?php
$i++;
if($i == 2) {
    $i = 0;
    echo '</div>';
}

endwhile; 

if($i > 0) {
    echo '</div>';
}
?>

你能试一下上面的代码吗？