Vous cherchez un moyen d'ajouter une classe au premier article dans The Loop ? Cet extrait ajoutera une classe first au premier article dans The Loop, ce qui vous permettra d'ajouter un style unique au premier article.
Instructions :
Il vous suffit d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au site :
add_filter( 'post_class', 'wps_first_post_class' );
function wps_first_post_class( $classes ) {
global $wp_query;
if( 0 == $wp_query->current_post )
$classes[] = 'first';
return $classes;
}
Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière de copier / coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.
Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que: Avis sur CSS Hero.
Une idée pourquoi cela ne fonctionne pas avec le shortcode woo ? Il ajoute une classe à chaque produit dans la boucle. Cela fonctionne bien sur la page de la boutique.
Quel shortcode utilisez-vous ?
Salut,
Cela a très bien fonctionné, cependant, si j'ai une pagination et que je vais, disons, à la page 2, il ajoute la classe au premier article de la page 2, ce que je ne souhaite pas particulièrement. Comment pourrais-je mettre à jour le code pour ajouter la classe 'first' au premier article de tous les articles, même en comptant ceux paginés.
Merci beaucoup pour l'article, il a été très utile ! 🙂
ajoutez simplement cette condition if( 0 == $wp_query->current_post && get_query_var('paged') == 0 ) : ?>
Oui ! pour ajouter une classe 'last' à l'article, il suffit d'ajouter une condition comme $wp_query->current_post === $wp_query->found_posts ?
Quelque chose comme ça devrait fonctionner,
if( $wp_query->current_post == $wp_query->post_count-1 )
Merci mec, j'étais incertain quant au fait que found_posts commence à 0 (ma faute). Cependant, dans certains cas, post_count n'est pas le bon choix car il contient le nombre total d'articles affichés. L'utilisation de found_posts ou post_count dépend de la requête effectuée, post_count a la même valeur que "posts_per_page" si elle est définie dans une requête ou la valeur par défaut définie dans les paramètres de lecture (désolé pour mon anglais).
Salut Widzo, je pense que cela dépend des résultats que vous souhaitez, si vous voulez ajouter la classe au dernier article de chaque page, vous utiliseriez "post_count", pour le tout dernier article seulement, vous utiliseriez "found_post"
Super ! Et si je veux toujours ajouter une classe à la quatrième colonne de la boucle ? Par exemple, j'ai une boucle qui affiche mes articles dans 4 colonnes et j'ai besoin d'ajouter cette classe à la colonne de droite. Comment puis-je faire cela ?
Merci
Salut Fabio, j'aurais besoin de voir ta boucle de colonnes pour voir ce qui devrait être fait.