Wordpress 用不同的html显示两篇文章

我想在不同的html中显示来自博客的两篇最新文章。我使用的是bootstrap，所以下面是我想要的结构：

<div class="row">
    <div class="col-xs-6">FIRST POST FEATURED IMAGE</div>
    <div class="col-xs-6">FIRST POST CONTENT</div>
</div>
<div class="row">
    <div class="col-xs-6">SECOND POST CONTENT</div>
    <div class="col-xs-6">SECOND POST FEATURED IMAGE</div>
</div>

第一个帖子特色图片
第一篇文章内容
第二篇文章内容
第二篇文章特色图片

我知道如何显示两篇看起来完全相同的文章，但你可以看到我试图翻转图像和内容的位置。这可能吗

---

谢谢你抽出时间

我假设你已经有了你的数组（我们称之为

$recents\u posts

），你只是在循环它

您需要检查当前循环迭代（由

$i

指示）是奇数还是偶数，并使用模运算符（

%

）执行此操作

第一个帖子特色图片
第一篇文章内容
第二篇文章内容
第二篇文章特色图片

我使用了，以便于阅读

if

s和

foreach

结束的位置

<?php 
    $i=0;
    foreach( $recent_posts as $recent ):
?>
    <div class="row">
        <?php if( $i%2 == 0 ): // No remainder when divided by 2, must be even ?>
            <div class="col-xs-6">FIRST POST FEATURED IMAGE</div>
            <div class="col-xs-6">FIRST POST CONTENT</div>
        <?php else: ?>          
            <div class="col-xs-6">SECOND POST CONTENT</div>
            <div class="col-xs-6">SECOND POST FEATURED IMAGE</div>
        <?php endif; ?>
    </div>
<?php 
    $i++; 
endforeach; ?>