Come mostrare 3 post in un carousel Bootstrap?

Il seguente codice mostra 3 post in una riga nella classe item active.. ma come posso visualizzare altri post nel custom post type con classe item per far scorrere il carousel e mostrare altri 3 post per riga come nell'immagine sopra..
<?php
$args = array( 'post_type' => 'testimonial','numberposts' => 3 );
$lastposts = get_posts( $args );
$index = 0;?>
<div class="carousel-reviews broun-block">
<div class="container">
<div id="carousel-reviews" class="carousel slide testi" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<?php foreach($lastposts as $post) : setup_postdata($post); ++$index; ?>
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<p><?php the_content();?></p>
<ins class="ab zmin sprite block"></ins>
</div>
<div class="person-text rel">
<a title="" href="#"><?php the_title();?></a>
<i><?php the_field('country');?></i>
</div>
</div>
<?php endforeach; ?>
</div>
Utilizzando while
<?php
$args = array('post_type' => 'testimonial',
'posts_per_page' =>-1,
'caller_get_posts'=> 3,
);
$the_query = new WP_Query($args);?>
<?php if ( $the_query->have_posts() ):?>
<?php $j = 0; ?>
<div class="carousel-reviews broun-block">
<div class="container">
<div id="carousel-reviews" class="carousel slide testi" data-ride="carousel">
<div class="carousel-inner">
<?php while ($the_query->have_posts()):$the_query->the_post();?>
<?php if($j == 0): ?>
<div class="item active">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<p><?php the_content();?></p>
<ins class="ab zmin sprite block"></ins>
</div>
<div class="person-text rel">
<a title="" href="#"><?php the_title();?></a>
<i><?php the_field('country');?></i>
</div>
</div>
</div>
<?php else: ?>
<div class="item ">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<p><?php the_content();?>
<ins class="ab zmin sprite block"></ins>
</div>
<div class="person-text rel">
<a title="" href="#"><?php the_title();?></a>
<i><?php the_field('country');?></i>
</div>
</div>
</div>
<?php endif; ?>
<?php $j++; ?>
<?php endwhile; endif; ?>
</div>
<a class="left carousel-control" href="#carousel-reviews" role="button" data-slide="prev">
<span class="fa fa-arrow-circle-left"></span>
</a>
<a class="right carousel-control" href="#carousel-reviews" role="button" data-slide="next">
<span class="fa fa-arrow-circle-right"></span>
</a>
</div>
</div>
</div>
Un div con class="item" viene utilizzato per ogni slide del carosello. Ma al momento il tuo ciclo foreach si trova all'interno di quel div, non all'esterno, quindi tutti i tuoi post finiranno in un'unica slide.
Quindi modifica semplicemente quella parte in questo modo:
<div class="carousel-inner">
<?php foreach ($lastposts as $post) : setup_postdata ($post); ++$index; ?>
<div class="item<?php if ($index == 1) { echo ' active'; } ?>">
// Il tuo post va qui
</div> <!-- item -->
<?php endforeach; ?>
</div> <!-- carousel-inner -->
Infine, modifica la tua query in alto per ottenere il numero di post che desideri nel carosello, ad esempio 10:
$args = array( 'post_type' => 'testimonial','numberposts' => 10 );
ciao.. ho provato come hai detto.. ma il post continua a mostrare un elemento per volta nel carosello mentre io ho bisogno di tre post per riga con la classe item che scorrono con la classe active
dilip shrestha
Ti suggerirei di copiare e incollare il codice di esempio del carosello Bootstrap e assicurarti che funzioni, per poi modificarlo gradualmente inserendo il tuo codice dei post, verificando che funzioni dopo ogni modifica.
iguanarama