Bonjour à tous et à toutes
Je tente d’implémenter un slider d’articles sur mon site à base de bootstrap 3.
J’ai bricolé un truc en cherchant sur le web mais ce n’est pas top… Je gére l’affichage du thumbnails, du titre et d’un excerpt. Lorsqu’il arrive à la fin du nombre de billet affiché mon slider disparait totalement. Ci-joint mon code :
<div class="row">
<div class="col-md-12">
<!--slider-->
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<?php
$the_query = new WP_Query(array(
'category_name' => ‘une-slider’,
‘posts_per_page’ => 1
));
while ( $the_query->have_posts() ) :
$the_query->the_post();
?>
<div class="item active">
<?php the_post_thumbnail('slider');?>
<div class="carousel-caption-chrche">
<a href="<?php the_permalink() ?> » title= »<?php the_title_attribute(); ?> » class= »h4″><h4 class="h2"><?php the_title();?></h4></a>
<p><?php the_excerpt();?></p>
</div>
</div><!-- item active -->
<?php
endwhile;
wp_reset_postdata();
?>
<?php
$the_query = new WP_Query(array(
'category_name' => ‘une-slider’,
‘posts_per_page’ => 3,
‘offset’ => 1
));
while ( $the_query->have_posts() ) :
$the_query->the_post();
?>
<div class="item">
<?php the_post_thumbnail('slider');?>
<div class="carousel-caption-chrche">
<a href="<?php the_permalink() ?> » title= »<?php the_title_attribute(); ?> » class= »h4″><h4 class="h2"><?php the_title();?></h4></a>
<p><?php the_excerpt();?></p>
</div>
</div><!-- item -->
<?php
endwhile;
wp_reset_postdata();
?>
<!-- Controles -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<!--/slider-->
Merci d’avance 😉
, le il y a 11 années.
