Php 每4篇文章和8篇文章添加一个类——WordPress循环

我试图建立一个内容滑块，使每个幻灯片包含8个图像。要做到这一点，我需要在我的WP查询中每4篇文章中添加“row fluid”类，每8篇文章中添加“slide”类

我正在努力实现的HTML-

<div class="coda-slider"  id="slider-id">

  <div class="slide">

    <div class="row-fluid">
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
    </div><!-- /row-fluid -->

    <div class="row-fluid">
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
    </div><!-- /row-fluid -->

  </div><!-- /slide -->

  <div class="slide">

    <div class="row-fluid">
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
    </div><!-- /row-fluid -->

    <div class="row-fluid">
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
      <div class="span3">
        <img src="...">
      </div>
    </div><!-- /row-fluid -->

  </div><!-- /slide -->

</div><!-- /coda-slider -->

我的查询工作不正常-

<?php

$args = array( 'post_type' => 'video', 'posts_per_page' => 10,);

$the_query = new WP_Query( $args );

echo '<section id="our-clients">';

echo '<div class="coda-slider"  id="slider-id">';   

$i = 1;

echo '<div class="slide">';

echo '<div class="row-fluid">';

if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post();

echo '<div class="span3">';

the_post_thumbnail();

echo '</div>';

     if($i % 8 == 0) {echo '</div><div class="slide">';}

     elseif($i % 4 == 0) {echo '</div><div class="row-fluid">';}

$i++; endwhile; endif;

echo '</div>'; //row-fluid

echo '</div>'; //slide

echo '</div>'; //coda-slider

echo '</section>';

---

此代码来自于SO上的另一个答案

如何向php循环（wordpress）中的每n个项目添加一个类



此代码来自另一个答案，所以

如何向php循环（wordpress）中的每n个项目添加一个类



试试这个；）

试试这个；）

您可以使用

$args=array（'post_type'=>'video'，'posts_per_page'=>10，）；
$posts=get_posts（$args）；
$postGroups=array_chunk（$posts，8）；
foreach（$groups作为$group）：
回声“；
$slides=array\u chunk（$group，4）；
foreach（$fluides形式的幻灯片）：
回声“；
foreach（$fluides as$video）：设置\u postdata（$video）
// ...
endforeach；
回声“；
endforeach；
回声“；
endforeach；
您可以使用

$args=array（'post_type'=>'video'，'posts_per_page'=>10，）；
$posts=get_posts（$args）；
$postGroups=array_chunk（$posts，8）；
foreach（$groups作为$group）：
回声“；
$slides=array\u chunk（$group，4）；
foreach（$fluides形式的幻灯片）：
回声“；
foreach（$fluides as$video）：设置\u postdata（$video）
// ...
endforeach；
回声“；
endforeach；
回声“；
endforeach；
您想要每张
幻灯片中有多少
行fluide
？我错过了但发布了答案，请检查此帮助：-）每张
幻灯片中有多少
行fluide
您想要的？我错过了但发布了答案，请检查此帮助：-）
<?php $counter = 1 ?>
<?php $loop = new WP_Query( array( 'post_type' => 'portfolio' ) ); ?>
    <?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
    <div class="four columns <?php if ($counter % 4 == 1){echo 'alpha'}else if ($counter % 4 == 0){echo 'omega'} ?>">
        <?php the_content(); //along with other stuff in looped div ?>
    </div>
<?php $counter++ ; 
endwhile ?>

<?php

$args = array( 'post_type' => 'video', 'posts_per_page' => 10,);

$the_query = new WP_Query( $args );

echo '<section id="our-clients">';

echo '<div class="coda-slider"  id="slider-id">';   

for($i=1; $the_query->have_posts(); $i++)
{
    $the_query->the_post();

    $prePost='';
    $postPost='';

    if($i==1)
    {
        $prePost='<div class="slide"><div class="row-fluid">';
    }
    if($i==4)
    {
        $prePost='</div><div class="row-fluid">';
    }

    if($i==8)
    {
        $postPost='</div></div>';
        $i=0;
    }

    echo $prePost, '<div class="span3">';
    the_post_thumbnail();
    echo '</div>', $postPost;
}


echo '</div>'; //coda-slider

echo '</section>';

$args = array( 'post_type' => 'video', 'posts_per_page' => 10,);
$posts = get_posts($args);
$postGroups = array_chunk($posts, 8);

foreach($postGroups as $group) :
    echo "<div class='slide'>";
        $slides = array_chunk($group, 4);
        foreach($slides as $fluides) :
            echo "<div class='row-fluide'>";
                foreach($fluides as $video) : setup_postdata($video)
                    <div class="span3">
                       // ...
                    </div>
                endforeach;
            echo "</div>";
        endforeach;
    echo "</div>";
endforeach;