Eine CSS-Klasse zum ersten Artikel im Loop hinzufügen

Wenn du den ersten Artikel im Loop ein anderes Aussehen verpassen möchtest so kannst du dies mit diesem Code-Schnipsel tun. Durch die automatisch hinzugefügte CSS-Klasse für den ersten Artikel im Loop kannst du diesen direkt ansprechen und Stylen.

Füge folgenden Code-Schnipsel in die functions.php deinese WordPress Themes bei um dem ersten Artikel im Loop eine spezielle Classe zu zu ordnen.

1
2
3
4
5
6
7
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;
}
Autor: Kreativmonkey
Administriert mehrere WordPress Projekte und versucht mit dieser Seite eine umfangreiche Deutsche WordPress Code-Schnipsel Sammlung auf zu bauen. Durch die regelmäßige Arbeit mit WordPress und der vielen "HowTo's" die diese Arbeit begleiten sammeln sich immer mehr Code-Schnipsel an, da diese auf unterschiedlichen Plattformen zu finden sind und man nicht alles in Lesezeichen ablegen kann, werden diese Schnipsel hier notiert, mit der Quelle und ein paar Zusatzinformationen versehen und für die Allgemeinheit zur Verfügung gestellt.

50 weitere Artikel von .