网格布局每隔三个项目设置最后一个类

时间：2011-01-10 作者：Eeyore

这似乎是一个微不足道的问题，但我无法解决。我需要添加class="last" 每三个岗位。

这是我的代码：

  <?php
     $count = 0;
     $my_query = new WP_Query(\'cat=-18,-7&showposts=9\');
     while ($my_query->have_posts()) : $my_query->the_post();
    ?>

    <article class="<?php if ($count % 3 == 0) { echo "last "; }" ?>> </article>

    <?php 
          $count++;
          endwhile; 
    ?>

4 个回复

最合适的回答,由SO网友:sanchothefat 整理而成

我想你只需要开始$count 变量为1，而不是零。否则会得到相反的效果，因为0模3是0。每3项中的第一项是获取类名。

SO网友:Rarst

我不确定您在这里需要mod运算符的原因，它通常用于跟踪偶数/奇数值。你只需要每三分之一。

$i = 0;

//while stuff
    $i++;
    if( 3 == $i ) {
        $i = 0;
        echo \'last\';
    }

SO网友:Satish Gandham

从1开始计数

post number count value %value
1                1          1
2                2          2
3                3          0

SO网友:dwcouch

我发现这是为了寻找一种与WordPress入门主题“Bones”相同的方法。它还有“头等舱”。我把它贴在这里，以防对其他人有所帮助。

<div class="wrap clearfix">
<?php 
$count = 1;
$categories = get_categories($args);
foreach ($categories as $cat) { ?>
    <article class="
        <?php 
            //echo $count.\' \';
            if ($count % 3 == 0) {echo \'last \';} 
            if ($count == 1 || $count % 3 == 1) {echo \'first \';}
        ?>fourcol"> 
        <h4><?php echo $cat->cat_name ?></h4>
        <div class="desc"><?php echo $cat->category_description ?></div>
    </article>
<?php $count++;} ?>

结束

标签： templates posts 小码农

小码农CODE

网格布局每隔三个项目设置最后一个类

相关推荐

Similar posts formatting