Я новичок в разработке wordpress, и я создал собственный тип сообщения для включения в карусель Bootstrap. Он работает, но повторяет мой первый слайд. Как я могу предотвратить это?
Вот мой код:
<section role="banners-wrapper" class="row"> <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner" role="listbox"> <?php $the_query = new WP_Query(array( 'post_type' => 'Banners', 'posts_per_page' => 1 )); while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <div class="carousel-item active"> <img class="img-fluid" src="<?php the_field('banner-image'); ?>"> </div> <?php endwhile; wp_reset_postdata(); ?> <?php $the_query = new WP_Query(array( 'post_type' => 'Banners', 'posts_per_page' => -1, 'offset' => 1 )); while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <div class="carousel-item"> <img class="img-fluid" src="<?php the_field('banner-image'); ?>"> </div> <?php endwhile; ?> </div> <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </section> Есть предположения? С наилучшими пожеланиями
Как упоминалось в комментарии Майкла,
offsetне работает с'posts_per_page' => -1
Вы можете использовать приращение, чтобы сделать первый слайд active , в одном цикле.
Использовать это
<div class="carousel-inner" role="listbox"> <?php $the_query = new WP_Query(array( 'post_type' => 'Banners', 'posts_per_page' => -1 )); $i = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <div class="carousel-item <?php if($i == 0) { echo 'active'; } ?>"> <img class="img-fluid" src="<?php the_field('banner-image'); ?>"> </div> <?php $i++; ?> <?php endwhile; wp_reset_postdata(); ?> </div>