Wordpress post循环添加类

Question

我正在使用Wordpress标签在我的网站上创建特色文章部分（主页上显示了3篇最新的标记为“特色”的文章），代码如下：

                        <?php

                            $args=array(
                              'tag' => 'featured',
                              'showposts'=>3,
                              'caller_get_posts'=>1
                            );
                            $my_query = new WP_Query($args);
                            if( $my_query->have_posts() ) {
                              while ($my_query->have_posts()) : $my_query->the_post(); ?>
                              <div class="featured-article">
                                <!--thumbnail, title and link code here -->
                              </div>
                               <?php
                              endwhile;
                            } //if ($my_query)
                          wp_reset_query();  // Restore global post data stomped by the_post().
                        ?>

每个条目都包裹着“特色文章”，但由于我希望第一个帖子是全宽的，其他2个半宽的，我想知道如何给它们添加合适的类？所以，第一个帖子得到“全宽度”类和另外两个“半宽度”...

如果我没有正确解释（英语不是第一语言）我道歉。

任何帮助都将不胜感激

Answer 1

你可以用计数器来解决这个问题。

<?php
       $args=array(
         'tag' => 'featured',
         'showposts'=>3,
         'caller_get_posts'=>1
      );

      $my_query = new WP_Query($args);

      //add classes
      $counter = 0;
      $classes = '';

      if( $my_query->have_posts() ) {
          while ($my_query->have_posts()) : $my_query->the_post(); 
              $classes = $counter == 0 ? ' full-width' : ' half'; 
 ?> 
       <div class="featured-article<?php echo $classes; ?>">
           <!--thumbnail, title and link code here -->
       </div>
 <?php
              $counter++;
           endwhile;
      } //if ($my_query)

      wp_reset_query();  // Restore global post data stomped by the_post().
  ?>

或者您可以为addition类创建自定义文件。

Answer 2

您可以使用$my_查询获取文章的索引-

$class = $my_query->current_post == 0 ? 'full-width' : 'half-width';

您可能还希望确保该类仅应用于第一页的第一项

$class = $my_query->current_post == 0 && !is_paged() ? 'full-width' : 'half-width';

这是你的循环

 <?php

 $args=array(
     'tag' => 'featured',
     'showposts'=>3,
     'caller_get_posts'=>1
 );

 $my_query = new WP_Query($args);


 if( $my_query->have_posts() ) {
     while ($my_query->have_posts()) : $my_query->the_post();

     $class = $my_query->current_post == 0 && !is_paged() ? 'full-width' : 'half-width'; ?>

         <div class="featured-article <?php echo $class; ?>">

         </div>
     <?php
     endwhile;
 } //if ($my_query)

 wp_reset_query();  // Restore global post data stomped by the_post().
 ?>