Möchten Sie Artikeln zu Ihrem Thema ungerade und gerade Klassen hinzufügen? Wordpress-Blog ? Durch Hinzufügen einer Klasse können Sie für jeden Artikel einen bestimmten Stil anzeigen.
In diesem Tutorial zeigen wir Ihnen, wie Sie gerade oder ungerade Klassen in WordPress anzeigen.
Warum Klassen hinzufügen? Paare "Oder" Ungerade » zum Thema Ihrer Wordpress-Blog ?
viele WordPress-Themes Verwenden Sie eine alte oder dieselbe Klasse für WordPress-Kommentare. Es ermöglicht Benutzern zu sehen, wo ein Kommentar endet und ein anderer beginnt.
Ebenso können Sie diese Technik für Ihre Artikel verwenden. Es sieht ästhetisch ansprechend aus, wenn Benutzer sperrige Seiten schnell scannen können. Dies ist besonders nützlich für die Homepage von Zeitungs- oder Magazinseiten.
Wir werden jedoch sehen, wie Sie Ihren Artikeln eine Klasse hinzufügen Wordpress-Blog.
Wie eine Klasse gerade / ungerade auf Wordpress hinzufügen
WordPress generiert Standard-CSS-Klassen und fügt sie im Handumdrehen verschiedenen Artikeln auf Ihrer Website hinzu. Diese CSS-Klassen helfen Plugins und Themes-Entwicklern dabei, jedem Artikel einen eigenen Stil zu geben.
WordPress bietet auch eine Funktion namens " post_class Welche von Theme-Entwicklern verwendet wird, um Klassen zu Artikeln hinzuzufügen.
Die Funktion post_class Ist auch ein Filter, was bedeutet, dass man das mit manipulieren kann. Genau das machen wir hier.
Fügen Sie diesen Code einfach zu Ihrer Datei functions.php hinzu. Wordpress-Theme.
oddeven_post_class Funktion ($ class) {global $ current_class; $ Klassen [] = $ current_class; Current_class $ = ($ current_class == 'ungerade')? ‚Selbst‘ ‚ungerade‘; return $ Klassen; } Add_filter ( 'post_class', 'oddeven_post_class'); global $ current_class; $ Current_class = 'ungerade';
Diese Funktion fügt einfach eine Klasse und ungeradee Elemente zu glätten.
Sie finden ungerade und gerade Klassen im Quellcode Ihrer Site. Fahren Sie einfach mit der Maus zum Titel eines Artikels und klicken Sie mit der rechten Maustaste, um den Artikel zu überprüfen.
Nachdem Sie Ihren Artikeln die ungeraden und geraden Klassen hinzugefügt haben. Der nächste Schritt besteht darin, ihnen mit CSS einen einzigartigen Stil zu verleihen. Sie können Ihren benutzerdefinierten CSS-Code zu Ihrem untergeordneten Thema hinzufügen oder ein einfaches CSS-Plugin verwenden.
Hier ist ein Beispiel für CSS-Code, den Sie als Ausgangspunkt verwenden können:
.Auch {background: #f0f8ff; .odd} {background: #f4f4fb; }
So kann das Ergebnis aussehen:
Sie benötigen ein wenig Übung, um gute Ergebnisse zu erzielen, aber dafür müssen Sie CSS beherrschen oder einfach ein Tool wie verwenden CSS-Held.
So einfach ist das. Ich hoffe, dieses Tutorial wird Ihnen eine große Hilfe sein. Sie können uns gerne Fragen stellen oder dieses Tutorial in Ihren bevorzugten sozialen Netzwerken mit Ihren Freunden teilen.
