Dem ersten Beitrag eine eigene Klasse hinzufügen

Hin und wieder benötigt man als WordPress Theme Entwickler für den ersten Artikel eine andere Darstellung. Möglicherweise will man die Schrift größer darstellen oder die Hintergrundfarbe ändern usw… Sowas kann einfach mit einer neuen CSS Klasse realisiert werden.

Standart Themes benützen normalerweise die post_class() Funktion um Post Klassen zu erstellen. Um unsere Spezielle Klasse hinzuzufügen, benötigen wir eine Filter Methode. Einfach den Code unterhalb in die functions.php kopieren.

function firstpost_class($class) {
    global $post, $posts;
    if ( is_home() && !is_paged() && ($post == $posts[0]) ) $class[] = 'firstpost';
    return $class;
}
add_filter('post_class', 'firstpost_class');

So sollte es dann aussehen wenn ihr den obigen Code eingefügt habt.

<div class="post-1 post type-post status-publish format-standard hentry firstpost" id="post-1">
...
</div>
<div class="post-2 post type-post status-publish format-standard hentry" id="post-2">
...
</div>