Question

My Bootstrap网格是910px，跨越15列。我的Wordpress循环中的每个帖子都有5列。

这里是静态代码：

<div class="container">     

    <div class="row">

        <div class="span5">
            <p>Post title and image</p>
        </div>

        <div class="span5">
            <p>Post title and image</p>
        </div>

        <div class="span5">
            <p>Post title and image</p>
        </div>

    </div>

</div>

然后大致看看循环的外观：

<div class="container">     

    <?php theloop; ?>

</div>

除非有更好的方法，否则我想告诉Wordpress说：

制作变量$ counter
对于每个帖子，将值增加一个
如果值为1，请使用div class="row"
如果值为3，请使用</div>（关闭行）
在达到3并重新开始后将$ counter重置为零

我不知道该怎么做。我以前曾就类似的问题寻求过帮助，但我对PHP完全不熟悉，我非常感谢明确的细分和解释。

谢谢！

Answer 1

以某种方式尝试：

 <?php 
 $i=1;
 echo '<div class="row">';
 if (have_posts()) : ?>
           <?php while (have_posts()) :   
           // do stuff ...
           the_post();
           if($i % 3 == 0)
               echo '</div><div class="row">';
           $i++; endwhile; ?>
 <?php endif; ?>

我没有测试它，但不知何故是这样的。使用modulo功能。

为Wordpress Loop创建PHP计数器/规则

1 个答案: