Hinzufügen von ungeraden / geraden Klassen zu Ihrem Beitrag in WordPress-Themes

Möchten Sie ungerade und gerade Klassen zu Beiträgen in Ihrem WordPress-Design hinzufügen? Durch das Hinzufügen einer ungeraden und geraden Klasse können Sie jeden anderen Beitrag anders gestalten. In diesem Artikel zeigen wir Ihnen, wie Sie Ihren Beitrag in WordPress-Themes ungerade / gerade Klassen hinzufügen können.

Warum gerade oder ungerade Klassen zu Ihren Posts in WordPress-Themes hinzufügen??

Viele WordPress-Themes verwenden eine alte oder sogar Klasse für WordPress-Kommentare. Es hilft Benutzern zu visualisieren, wo ein Kommentar endet und der nächste beginnt.

In ähnlicher Weise können Sie diese Technik für Ihre WordPress-Posts verwenden. Es sieht ästhetisch ansprechend aus und hilft Benutzern, Seiten mit viel Inhalt schnell zu scannen. Es ist besonders hilfreich für die Homepage von Zeitschriften- oder Nachrichten-Websites.

Sehen wir uns jedoch an, wie Sie Ihren Posts im WordPress-Design eine ungerade und gerade Klasse hinzufügen können.

Hinzufügen von ungeraden / geraden Klassen zu Beiträgen in WordPress Theme

WordPress generiert Standard-CSS-Klassen und fügt sie den verschiedenen Elementen Ihrer Website im laufenden Betrieb hinzu. Diese CSS-Klassen helfen Plugin- und Designentwicklern, ihre eigenen Stile für verschiedene Elemente hinzuzufügen.

WordPress enthält auch eine aufgerufene Funktion post_class, Dies wird von Designentwicklern verwendet, um Klassen hinzuzufügen, um Artikel zu posten. In unserem Handbuch erfahren Sie, wie Sie jeden WordPress-Beitrag anders gestalten können.

Das post_class ist auch ein Filter, dh Sie können Ihre eigenen Funktionen damit verknüpfen. Genau das werden wir hier tun.

Fügen Sie diesen Code einfach in die Datei functions.php Ihres Themas oder in ein site-spezifisches Plugin ein.

 Funktion oddeven_post_class ($ classes) global $ current_class; $ classes [] = $ current_class; $ current_class = ($ current_class == 'ungerade')? 'gerade ungerade'; $ Klassen zurückgeben;  add_filter ('post_class', 'oddeven_post_class'); global $ current_class; $ current_class = 'ungerade'; 

Diese Funktion fügt dem ersten Beitrag einfach ungerade hinzu, dann gerade und so weiter.

Sie finden die ungeraden und ungeraden Klassen im Quellcode Ihrer Site. Nehmen Sie einfach die Maus zu einem Beitragstitel und klicken Sie dann mit der rechten Maustaste, um Inspect oder Inspect Element auszuwählen.

Sie haben jetzt gerade und ungerade Klassen zu Ihren Beiträgen hinzugefügt. Der nächste Schritt besteht darin, sie mit CSS zu gestalten. Sie können Ihr benutzerdefiniertes CSS zum Stylesheet Ihres untergeordneten Themes hinzufügen oder das Simple Custom CSS-Plugin verwenden.

Hier ist ein Beispiel-CSS, das Sie als Ausgangspunkt verwenden können:

 .auch background: # f0f8ff;  .odd background: # f4f4fb;  

So sah es auf unserer Testseite aus:

Wenn Sie nicht wissen, wie man CSS verwendet, sollten Sie CSS Hero ausprobieren. Sie können CSS in jeden Teil Ihrer WordPress-Site einfügen, ohne Code schreiben zu müssen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie Ihren Beiträgen in WordPress-Themes ungerade / gerade Klassen hinzufügen. Vielleicht möchten Sie auch unseren Leitfaden zur Gestaltung Ihres WordPress-Kommentarlayouts sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Facebook.