2

私のブートストラップグリッドは、15列にまたがる910pxです。私の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つ増やします
  • 値が1の場合、投稿は次のように開始しますdiv class="row"
  • 値が3の場合、投稿は</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 に答える