Вопрос о последних публикациях в PHP

Question

Я смущен, потому что я работаю над слайдером для отображения последних сообщений.Я использую для этого Карусель Bootstrap, вот мой код:

<?php
        $lastposts = get_posts( array(
            'posts_per_page' => 3,
                'category' => 584
        ) );

        if ( $lastposts ) { ?>
            <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
              <div class="carousel-inner">



            <?php foreach ( $lastposts as $post ) :
                setup_postdata( $post ); ?>
                        <div class="carousel-item active">
                        <img src="/wp-content/uploads/slider.png">
                                <div class="carousel-caption d-none d-md-block">
                                    <div class="title">
                                        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                                    </div>
                                </div>
                            </div>

            <?php
            endforeach;
            wp_reset_postdata();
        }
?>
</div>
</div>

Проблема в том, что все мои предметы "активны".

Как я могу решить это?Активировать только первый элемент.

Answer 1

Попробуйте с помощью переменной счетчика:

<?php
        $lastposts = get_posts( array(
            'posts_per_page' => 3,
                'category' => 584
        ) );

        if ( $lastposts ) { ?>
            <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
              <div class="carousel-inner">


            <?php $counter = 1; ?>
            <?php foreach ( $lastposts as $post ) :
                setup_postdata( $post ); ?>
                        <div class="carousel-item <?php echo ($counter==1) ? "active" : ""; ?>">
                        <img src="/wp-content/uploads/slider.png">
                                <div class="carousel-caption d-none d-md-block">
                                    <div class="title">
                                        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                                    </div>
                                </div>
                            </div>

            <?php
                $counter++;
            endforeach;
            wp_reset_postdata();
        }
?>
</div>
</div>