Wordpress Post Schleife Hinzufügen Klasse

Question

Ich bin Bauabschnittes auf meiner Website vorge Beiträge mit Wordpress-Tags (3 neusten Beiträge als „vorgestellten“ getaggt werden auf der Homepage gezeigt) mit diesem Code:

     <?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(). 
         ?> 

Jeder Eintrag ist eingewickelt mit "featured-article", aber da ich möchte, dass der erste post volle breite und andere 2 halbe breite hat, frage ich mich, wie kann ich ihnen passende klassen hinzufügen? Also, der erste Post bekommt "volle Breite" Klasse und andere zwei "halbe Breite" ...

Ich entschuldige mich, wenn ich es nicht richtig erklärt (Englisch nicht die erste Sprache und alle).

Jede Hilfe würde sehr geschätzt

Answer 1

Sie können dies mit Zähler lösen.

<?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(). 
    ?> 

Oder Sie können ein benutzerdefiniertes Feld für die Additionsklasse erstellen.

Answer 2

Sie können den Index Ihres Posts mit $ my_query-> current_post abrufen, während Sie in der Schleife sind.

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

Vielleicht möchten Sie auch sicherstellen, dass die Klasse nur auf das erste Element der ersten Seite

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

Ihre Schleife Hier

<?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(). 
?>