Question

我想在不同的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>

我知道如何显示两个完全相同的帖子，但你可以看到我试图翻转图像和内容的位置。这可能吗？

感谢您的时间！

Answer 1

我假设你已经拥有了你的阵列（我们称之为$recent_posts），而你只是在它中循环。

您需要检查当前循环迭代（由$i指示）是奇数还是偶数，并使用模运算符（%）执行此操作。

<?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; ?>

我使用了PHP's alternative syntax for conditionals and loops，以便更轻松地阅读if和foreach结束的位置。

显示两个不同html的帖子

1 个答案: