Wordpress循环中项目的特殊布局

时间:2010-07-10 19:09:46

标签: wordpress layout

我正在研究一个wordpress主题,我有一个相当独特的结构,我需要将Loop的结果输出到。输出可以简化为以下内容:

<div class="row">
  <div class="entry-1">
    /* details from first iteration of The Loop */
  </div>
  <div class="entry-2">
    /* details from second iteration of The Loop */
  </div>
</div>
<div class="row">
  <div class="entry-3">
    /* details from third iteration of The Loop */
  </div>
  <div class="entry-4">
    /* details from fourth iteration of The Loop */
  </div>
</div>

基本上,我需要The Loop的前两次迭代,在类名为“row”的主DIV中输出它们的详细信息。接下来的两次迭代需要在具有相同上述类名的新DIV中执行相同的操作。这将继续,直到have_posts()为假,以适应单个剩余帖子的可能性,这将发现自己在主人DIV中再次拥有“行”的类名。

我似乎无法想到实现这一目标的最佳方法。任何方向都将不胜感激:

while ( have_posts() ) : the_post();
  /* My mind is blank */
endwhile;

1 个答案:

答案 0 :(得分:1)

<?php

$i = 1; while ( have_posts() ) : the_post();

$even = ($i % 2);

if (!$even)
   echo '<div class="row">';
?>

<div class="entry-<?php echo $i; ?>">
    My Details
</div>

<?php

if ($even || $i == $wp_query->post_count)
   echo '</div>';

$i++; endwhile;
?>