我的引导网格是 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 完全陌生,我真的很感激一个清晰的细分和解释。
谢谢!
尝试一下:
<?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; ?>
我没有测试它,但不知何故像这样。使用取模函数。