2017-02-04 79 views
1

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

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

<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> 
+0

檢查你的css中.carousel指標和.carousel指標李在cosole你可能會發現它爲什麼不顯示。 –

+0

分享你的網站網址 –

+0

嘿monsty - 我試圖做同樣的事情,但你有問題。你在使用BS4嗎?如果是這樣,請你能分享整個代碼片段,以使其作爲推薦滑塊工作嗎?謝謝! – user3502952

回答

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; 
+0

哇,好點!它現在有用,謝謝!我一直盯着那些代碼很久,所以我沒有注意到任何錯誤。我也會嘗試你的建議:) – monsty