只将“active”类添加到WordPress查询的第一个循环项中

时间：2018-07-21 作者：Alt C

我有一个查询，如下所示：

<?php
    $query = new WP_Query( $wpplnum );

    while( $query->have_posts() ): $query->the_post();
?>

<div class="carousel-item col-md-4 active">
  <div class="card">
    <img class="card-img-top img-fluid" src="http://placehold.it/800x600/f44242/fff" alt="Card image cap">
    <div class="card-body">
      <h4 class="card-title">Card 1</h4>
      <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
    </div>
  </div>
</div>
我想添加active 仅对第一个循环项初始化：

class="carousel-item col-md-4 active"

其余循环项将不包含active 类别：

class="carousel-item col-md-4"

2 个回复
最合适的回答,由SO网友:Sally CJ 整理而成

I\'d use the current_post property of the WP_Query class instance, 在你的情况下$query. 我来看看$query->current_post 大于或等于1:

<div class="carousel-item col-md-4 <?php echo $query->current_post >= 1 ? \'\' : \'active\'; ?>">
资源：https://codex.wordpress.org/Class_Reference/WP_Query#Properties

SO网友:user141080

你是说像下面这样的事情吗？

$query = new WP_Query($wpplnum);

$first = TRUE;

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

   $class = "";
   if($first)
   {
      $class = "active";
      $first = FALSE;
   }
?>

   <div class="carousel-item col-md-4 <?php echo esc_attr( $class ); ?>">

     .....

   </div>

结束
标签： wp-query   loop   小码农  

相关推荐

如何链接到详细信息页面(single.php？)在wp_loop中

我进行了如下wp\\U查询。这是其中的一部分。这是可行的。$args = .....; $query = new WP_Query($args); while($query->have_posts() ) : $query->the_post(); ?> <div class=\"each\"> <h4><?php the_title(); ?> &