So fügen Sie in Body Class Ihrer WordPress-Themes Seiten-Slug hinzu

So fügen Sie in Body Class Ihrer WordPress-Themes Seiten-Slug hinzu / Themes

Wenn Sie regelmäßig an WordPress-Themes arbeiten, ist es wahrscheinlich am besten, sich mit diesen von WordPress generierten CSS-Spickzettel vertraut zu machen. Kürzlich haben wir bei der Arbeit an einem benutzerdefinierten Designprojekt die Notwendigkeit gefunden, bestimmte Elemente basierend auf verschiedenen Seiten anzupassen. WordPress hat diese Dinge, die so genannte Body-Klassen, die die Klassenseite, das Page-Template- Dateiname und die Page-ID-Nummer Nummer ausgeben. Wir konnten die page-id-number nicht verwenden, da sich die Seiten-IDs von Entwicklung zu Bereitstellung ändern. Wir wollten auch keine benutzerdefinierte Seitenvorlage mit sich wiederholendem Code erstellen. Wir wussten, dass wir auf all diesen Seiten, die Seitenschübe waren, eines beibehalten können. Daher haben wir uns entschlossen, Seitenschieber in Body-Klasse hinzuzufügen, sodass wir alle Anpassungen ohne Komplikationen vornehmen konnten. In diesem Artikel zeigen wir Ihnen, wie Sie in Body-Klasse Ihrer WordPress-Themes Seitenschieber hinzufügen.

Da dies ein themenspezifischer Code ist, empfehlen wir, dass Sie ihn in Ihrem Thema einfügen Functions.php Datei.

 // Page Slug Body Class Funktion add_slug_body_class ($ classes) global $ post; if (isset ($ post)) $ classes [] = $ post-> post_type. '-'. $ post-> post_name;  $ -Klassen zurückgeben;  add_filter ('body_class', 'add_slug_body_class'); 

Nun sehen Sie eine neue Body-Klasse, die folgendermaßen ausgegeben wird: page- slug. Verwenden Sie diese Klasse, um Ihre Standardstile zu überschreiben und Elemente für bestimmte Seiten anzupassen.

Zum Beispiel, wenn Sie versuchen, ein Div mit Widgets-Klasse zu ändern. Sie können Ihre CSS so haben:

 #sidebar .widgets background: #fff; color: # 000; .page-education #sidebar .widgets background: # 000; Farbe: #fff; 

Ich hoffe, Sie finden dieses Tutorial hilfreich.