2017-02-04 15 views
1

私は、推薦スライダとしてWordpressテーマにブートストラップカルーセルを統合しようとしています。お客様の声やロゴが表示されます(私はカスタムの投稿タイプを使用しています)が、表示されない唯一のものはカルーセル指標です。私は多くのStackoverflowの質問や他のWebページを見てきましたが、私は解決策を見つけることができません。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

コスコールのカルーセルインジケータとカルーセルインジケータの表示を確認すると、表示されない理由がわかります。 –

+0

あなたのウェブサイトのURLを共有してください –

+0

ちょっとモンスター - 私はあなたと同じことをしようとしているが、問題がある。 BS4を使用していますか?もしそうなら、コードスニペット全体を共有して、これを評価スライダーとして機能させることができますか?ありがとうございました! – user3502952

答えて

1

あなたは、指標のhave_posts()sを逃しています。

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

は次のようになります。

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

私も先頭にクエリを移動し、一度の代わりに、それを2回実行することをお勧め。

<?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

関連する問題