php - Bootstrap 轮播指示器未在 Wordpress 中显示

Question

我正在尝试将 Bootstrap 轮播作为推荐 slider 集成到我的 Wordpress 主题中。推荐和 Logo 会显示(我正在使用自定义帖子类型)，但唯一不显示的是轮播指示器。我浏览了许多 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

您在 have_posts() 上缺少指标的 s。

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;