2

我的 Bootstrap 网格是 910 像素,跨越 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"
  • 如果值为三,则以</div>(关闭行)开始帖子
  • 达到 3 后将 $counter 重置为零并重新开始

我不知道该怎么做。我之前曾就类似问题寻求过帮助,但我对 PHP 完全陌生,我非常感谢您能清楚地了解故障和解释。

谢谢!

4

1 回答 1

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

我没有测试它,但不知何故像这样。使用函数。

于 2012-04-30T21:02:29.877 回答