在WordPress中執行此循環的最佳方法

Question

我想爲第一篇文章添加不同的佈局。這是100％寬度，低於其他職位50％（兩列）。

我使用的引導，這是HTML：

<div class="col-sm-9"> 

<article></article> 

<div class="row"> 

<div class="col-sm-6"> 
<article></article> 
</div> 

<div class="col-sm-6"> 
<article></article> 
</div> 

<div class="col-sm-6"> 
<article></article> 
</div> 

<div class="col-sm-6"> 
<article></article> 
</div> 

</div> 

</div> 

我知道兩種方法來實現這一目標：使兩個循環。在第一次打電話時，第一次打電話，在第二次打電話時打電話給剩下的人。或者只做一個循環，並使用像這樣的計數器question。

但是最佳做法是什麼？有沒有理由做這個或另一個？

Answer 1

你製作的環越多，複雜度就越高。循環內循環使您的代碼更少優化。使用計數器，它不計入複雜性。它只是一個變量。其次是的每個條件檢查，例如if聲明它必須做一些工作，但如果你使用循環，你也知道在循環中也有多個條件檢查。

Answer 2

這裏的代碼

<?php 
    if(have_posts()) : 
     $counter = 0; 
     while(have_posts()) : the_post(); 
     $counter++; 
?> 
     <?php if($counter == 1) { ?> 
      <div class="col-sm-9"> 

       <article></article> 
      <?php } ?> 

      <?php if($counter ==2) { ?> 
       <div class="row"> 
        <div class="col-sm-6"> 
         <article></article> 
        </div> 
      <?php } else { ?> 
        <div class="col-sm-6"> 
         <article></article> 
        </div> 
      <?php } ?> 
     <?php endwhile; ?> 
       </div> 
      </div> 
    <?php endif; ?> 

你也可以rewind_posts做（）不過，如果你想有一個更乾淨的代碼 http://codex.wordpress.org/Function_Reference/rewind_posts