Question

我正在尝试动态添加轮播指示器到我使用自定义帖子类型和Wordpress创建的滑块。

我有一个名为room的自定义帖子类型。这是我到目前为止所做的，但它不起作用：

<?php if( have_rows('room') ): $i = 0; ?>
                  <ol class="carousel-indicators">
                    <?php while ( have_rows('room') ): the_row(); ?>
                      <li data-target="#myCarousel" data-slide-to="<?php echo $i; ?>" class="<?php if($i == 0) echo 'active'; ?>"></li>
                    <?php $i++; endwhile; ?>  
                  </ol>
<?php endif; ?>

Answer 1

修正了它！

 <?php
                    $args = array( 'post_type' => 'room',);
                    $slider_query = new WP_Query( $args );
                ?>

                <ol class="carousel-indicators">
<!--
                    <li data-target="#jumboCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#jumboCarousel" data-slide-to="1"></li>
                    <li data-target="#jumboCarousel" data-slide-to="2"></li>
                    <li data-target="#jumboCarousel" data-slide-to="3"></li>

-->
                    <?php if(have_posts() ) : while( $slider_query->have_posts() ) : $slider_query->the_post(); ?>
                        <li data-target="#jumboCarousel" data-slide-to="<?php echo $slider_query->current_post; ?>" <?php if( $slider_query->current_post == 0) : ?> class="active" <?php endif; ?>></li>
                    <?php endwhile; endif; ?>

                </ol>

如何使用自定义帖子类型和WordPress添加轮播指示器

1 个答案: