Fügen Sie jede 4 Beiträge und 8 Beiträge eine Klasse hinzu - WordPress Loop
Ich versuche, einen Inhaltsregler so zu erstellen, dass jede Folie 8 Bilder enthält. Dazu muss ich die Klasse 'row-fluid' zu jeweils 4 Beiträgen und die Klasse 'slide' zu jeweils 8 Beiträgen in meiner WP-Abfrage hinzufügen.
HTML von dem, was ich versuche zu erreichen -
<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 -->
Meine Anfrage funktioniert nicht richtig -
<?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>';
Was die Abfrage druckt -
Das PHP fügt alle 8 Beiträge die 'slide'-Klasse hinzu, aber die erste' slide'-Klasse wird nicht richtig geschlossen. Das klingt wahrscheinlich sehr verwirrend. Lassen Sie mich wissen, wenn Sie zusätzliche Informationen benötigen.
Ich bedanke mich für die Hilfe!