Bootstrap旋轉木馬指標不顯示在Wordpress中

Question

我試圖將Bootstrap旋轉木馬集成到我的Wordpress主題中作爲一個推薦滑塊。證明書和徽標顯示（我使用自定義帖子類型），但唯一沒有顯示的是旋轉木馬指示器。我已經瀏覽了很多Stackoverflow問題和其他網頁，但我找不到解決方案。

有人可以看看我的代碼，看看我能做些什麼來解決它嗎？感謝您的幫助。

<ol class="carousel-indicators"> 
      <?php 
       $args = array(
        'post_type' => 'testimonial', 
        'orderby' => 'post_id', 
        'order'  => 'ASC' 
       ); 
       $loop = new WP_Query($args); 
       $banner_count = 0; 
       while ($loop->have_post()) : $loop->the_post(); 

       if ($banner_count == 0){ 
        $active_item = 'active'; 
       } 
       else { 
        $active_item = ''; 
       } 
      ?> 
      <li data-target="#quote-carousel" data-slide-to="<?php echo $banner_count; ?>" class="<?php echo $active_item; ?>"></li> 
      <?php $banner_count++; endwhile; ?> 
      </ol> 



      <!-- Carousel Slides/Quotes --> 


      <div class="carousel-inner"> 
      <?php 
       $loop = new WP_Query($args); 
       $banner_count = 0; 
       while ($loop->have_posts()) : $loop->the_post(); 
       if ($banner_count == 0){ 
        $active_item = 'active'; 
       } 
       else { 
        $active_item = ''; 
       } 
      ?> 
       <!-- Quote 1 --> 
       <div class="item <?php echo $active_item; ?>"> 
        <blockquote> 
         <div class="row"> 
          <div class="col-sm-3 text-center"> 
          <img class="img-circle"> 
          <?php 
           if (has_post_thumbnail()) { 
            the_post_thumbnail(array(200, 100)); 
           } 
          ?> 
          </div> 
          <div class="col-sm-9"> 
          <?php the_content(); ?> 
          <small><?php the_title(); ?></small> 
          </div> 
         </div> 
        </blockquote> 
       </div> 
      <?php $banner_count++; endwhile; ?> 
      </div> 

Answer 1

您錯過了s關於have_posts()的指標。

while ($loop->have_post()) : $loop->the_post(); 

應該是：

while ($loop->have_posts()) : $loop->the_post(); 

我也建議你查詢移動到頂部，並運行它，而不是一次兩次。

<?php 
$args = array(
    'post_type' => 'testimonial', 
    'orderby' => 'post_id', 
    'order'  => 'ASC' 
); 

$loop = new WP_Query($args); 

if ($loop->have_posts()) : ?> 
    <ol class="carousel-indicators"> 
     . . . 
     WHILE HERE FOR LIST ITEMS 

    </ol> 

    <?php $loop->rewind_posts(); // reset the loop and re-use ?> 

    <div class="carousel-inner"> 
     . . . 
     WHILE HERE TO LOOP THROUGH ITEMS 
     . . . 
    </div> 

    <?php 
endif;