如何在不重复wordpress自定义帖子的情况下循环到两个不同的DIVS

时间:2015-07-21 15:22:45

标签: php css wordpress

这是我的自定义帖子的代码。我不是那么专业的php.So请帮我解决这个问题。

<?php $featuresitems=new WP_Query(array( 'post_type'=>'scbleftfeatures' )); ?>

<?php while( $featuresitems->have_posts()) : $featuresitems->the_post(); ?>

<div class="col-md-6 left-grid">
  <div class="features-grid1">
    <div class="feature">
      <h4><?php the_title(); ?></h4>
      <?php the_content(); ?>
    </div>
    <div class="icon5">
      <?php the_post_thumbnail('features_icon_size'); ?>
    </div>
    <div class="clearfix"></div>
  </div>
</div>

<div class="col-md-6 right-grid">
  <div class="features-grid1">
    <div class="feature">
      <h4><?php the_title(); ?></h4>
      <?php the_content(); ?>
    </div>
    <div class="icon5">
      <?php the_post_thumbnail(); ?>
    </div>
    <div class="clearfix"></div>
  </div>
</div>
<?php endwhile; ?>

1 个答案:

答案 0 :(得分:0)

问题有点模糊,但我假设您实际想要做的事情只是为每个第二个div更改类left-gridright-grid。在这种情况下,您不必重复整个div,只需更改类。这可以通过“计数器”($i)来完成。

<?php

$featuresitems = new WP_Query(array(
    'post_type' => 'scbleftfeatures'
));
$i = 0;

?>

<?php
while( $featuresitems->have_posts()) : $featuresitems->the_post();
    $i_is_even = ($i % 2 == 0);
    ?>

<div class="col-md-6 <?php if ($i_is_even) {echo 'left-grid'; } else { echo 'right-grid'; }; ?>">
    <div class="features-grid1">
        <div class="feature">
            <h4><?php the_title(); ?></h4>
            <?php the_content(); ?>
        </div>
        <div class="icon5">
            <?php the_post_thumbnail('features_icon_size'); ?>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

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

如果您对%运算符感到好奇,我建议您查看http://php.net/manual/en/language.operators.arithmetic.php上的模数运算符

如果您真的想在不同的div之间进行更改,可以将整个div放在if / else块中,而不仅仅是类。

编辑: 不知道你为什么要这样,因为你似乎正在使用引导网格。