handleiding
Snippet: Class toevoegen aan eerste post in een WordPress loop
door in WordPress theming
Snippet: Class toevoegen aan eerste post in een WordPress loop
Stel je schrijft regelmatig nieuws en/of blog artikelen en je wilt graag dat de eerste post op een overzicht pagina's er 'uitspringt'. Je zou hierbij kunnen denken aan - bijvoorbeeld op de website van Tussendoor - een blauw blok met witte tekst, in plaats van een witte achtergrond met donkergrijze tekst.
Dat kan op kinderlijk eenvoudige wijze via onderstaande code. Deze voegt namelijk de class "eerste-post" toe aan de eerste post in een loop. Vervolgens kun je ".eerste-post" eenvoudig opmaken in je stylesheet. Plak zoals gebruikelijk onderstaande code in je functions.php
Code
add_filter( 'post_class', 'tsd_first_post_class' );
function tsd_first_post_class( $classes ) {
global $wp_query;
if( 0 == $wp_query->current_post )
$classes[] = 'eerste-post';
return $classes;
}