Witam, na wstępnie chcę powiedzieć że nie jestem dobry z php. Próbuję dodać do wordpressa carousel wykonaną w bootstrapie taką lecz bez kilku rzeczy. Po dodaniu pętli na stronie jako slajd 1 powtarza się 4 razy, następnie slajd 2 również powtarza się 4 razy.
<div class="row">
<div class="col-sm-8" id="carousel-bounding-box">
<div class="carousel slide" id="myCarousel">
<!-- Carousel items -->
<div class="carousel-inner">
<?php $the_query = new WP_Query(array(
'posts_per_page' => 4
));
?>
<?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
<div class="active item" data-slide-number="0">
<?php the_post_thumbnail(); ?></div>
<div class="item" data-slide-number="1">
<?php the_post_thumbnail(); ?></div>
<div class="item" data-slide-number="2">
<?php the_post_thumbnail(); ?>></div>
<div class="item" data-slide-number="3">
<?php the_post_thumbnail(); ?></div>
<?php endwhile; ?>
</div><!-- Carousel nav -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
<div class="col-sm-4" id="carousel-text"></div>
<div id="slide-content" style="display: none;">
<div id="slide-content-0">
<h2>jeden</h2>
<p>Lorem Ipsum Dolor</p>
<p class="sub-text">October 24 2014 - <a href="#">Read more</a></p>
</div>
<div id="slide-content-1">
<h2>dwa</h2>
<p>Lorem Ipsum Dolor</p>
<p class="sub-text">October 24 2014 - <a href="#">Read more</a></p>
</div>
<div id="slide-content-2">
<h2>trzy</h2>
<p>Lorem Ipsum Dolor</p>
<p class="sub-text">October 24 2014 - <a href="#">Read more</a></p>
</div>
<div id="slide-content-3">
<h2>cztery</h2>
<p>Lorem Ipsum Dolor</p>
<p class="sub-text">October 24 2014 - <a href="#">Read more</a></p>
</div>
</div>
</div>
Jak usunę:
<div class="item" data-slide-number="1">
<?php the_post_thumbnail(); ?></div>
<div class="item" data-slide-number="2">
<?php the_post_thumbnail(); ?>></div>
<div class="item" data-slide-number="3">
<?php the_post_thumbnail(); ?></div>
to mam jeden slajd, a chcę pokazywać cztery ostatnie posty. Bardzo proszę o pomoc.