Как задать первому элементу из списка класс active?

406

05 декабря 2017, 22:01

<?php while($slider -> have_posts()) :  $slider->the_post(); ?>
        <div class="slide">
          <div class="slide-top"><?php the_title();?></div>
          <div class="slide-bottom"><?php the_content();?></div>
        <?php the_post_thumbnail();?>
        </div>
      <?php endwhile; ?>

Добрый день есть такой код. Подскажите пожалуйста как сделать что бы у первого элемента из цикла был класс active

К примеру выведет 3 элемента с классом slide а первый будет иметь и класс active

Answer 1

<?php $i=0; while($slider -> have_posts()): $slider->the_post(); ?>
    <div class="slide"<?php if ($i === 1) echo ' class = "active"';?>>
      <div class="slide-top"><?php the_title();?></div>
      <div class="slide-bottom"><?php the_content();?></div>
    <?php the_post_thumbnail();?>
    </div>
  <?php $i++; endwhile; ?>

Answer 2

current_post - Индекс отображаемого сообщения.

<?php while($slider -> have_posts()) :  $slider->the_post(); ?>
  <div class="slide <?php if ( $slider->current_post == 0 ) : ?>active<?php endif; ?>">
     <div class="slide-top"><?php the_title();?></div>
     <div class="slide-bottom"><?php the_content();?></div>
     <?php the_post_thumbnail();?>
  </div>
<?php endwhile; ?>