Bootstrap Carousel does not work with wp_get_recent_posts() function

4 Views

I faced with the issue that I can not solve for a long time.
The problem is when I try to use wp_get_recent_posts() inside the foreach loop it does not seem to be working instead it shows empty block. 

<div class="row">
    <div class="col-xs-12">

    <div id="awesome-carousel" class="carousel slide" data-ride="carousel">

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">

        <?php 


            $count = 0;
            $post_p = wp_get_recent_posts();
            foreach($post_p as $post):
                if( have_posts() ):
                    while( have_posts() ): the_post(); ?>
                        <div class="item <?php if($count == 0): echo 'active'; endif; ?>">
                          <?php the_post_thumbnail('full'); ?>
                          <div class="carousel-caption">
                              <?php the_title( sprintf('<h1 class="entry-title"><a href="%s">', esc_url( get_permalink() ) ),'</a></h1>' ); ?>
                              <small><?php the_category(' '); ?></small>
                          </div>
                        </div>
                        <?php $bullets .= '<li data-target="#awesome-carousel" data-slide-to="'.$count.'" class="'; ?>
                        <?php if($count == 0): $bullets .='active'; endif; ?>
                        <?php  $bullets .= '"></li>'; ?>
                    <?php endwhile;
                endif;
                wp_reset_postdata();
            $count++;
            endforeach;

        ?>

        <!-- Indicators -->
          <ol class="carousel-indicators">
            <?php echo $bullets; ?>
          </ol>

      </div>

      <!-- Controls -->
      <a class="left carousel-control" href="#awesome-carousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#awesome-carousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>

    </div>
</div>
Post Views: 4

Related posts

1 comment

  1. The problem was in the structure, I implemented WP_Query object and add the condition $lastBlog->have_posts() in while loop.

    $categories = get_categories();
$count = 0;
$bullets = '';
foreach($categories as $category):

    $args = array( 
        'type' => 'post',
        'posts_per_page' => 1,
        'category__in' => $category->term_id,
        'category__not_in' => array( 10 ),
    );

    $lastBlog = new WP_Query( $args ); 

    if( $lastBlog->have_posts() ):

        while( $lastBlog->have_posts() ): $lastBlog->the_post(); ?>

            <div class="item <?php if($count == 0): echo 'active'; endif; ?>">
              <?php the_post_thumbnail('full'); ?>
              <div class="carousel-caption">
                  <?php the_title( sprintf('<h1 class="entry-title"><a href="%s">', esc_url( get_permalink() ) ),'</a></h1>' ); ?>

                  <small><?php the_category(' '); ?></small>
              </div>
            </div>

            <?php $bullets .= '<li data-target="#awesome-carousel" data-slide-to="'.$count.'" class="'; ?>
            <?php if($count == 0): $bullets .='active'; endif; ?>

            <?php  $bullets .= '"></li>'; ?>

        <?php endwhile;

    endif;

    wp_reset_postdata();

$count++;

endforeach;

Comments are closed.