WordPress Quicktipp: Einzelnen Menüpunkten eine eigene CSS-Klasse zuweisen
Eine in WordPress ab Werk integrierte Funktion kann sich in der Praxis als äußerst nützlich erweisen, wird jedoch standardmäßig ausgeblendet. Mit einem kurzen Griff in die Trickkiste können passionierte CSS-Entwickler jedem einzelnen Menüpunkt eines zusammengestellten „individuellen Menüs“ CSS-Klassen zuweisen. Wir zeigen wie es geht.
Jedem Navigationspunkt eine eigene Klasse zuweisen und per CSS zugreifen: Einfach!
Um die versteckte Funktion zu aktivieren, reicht es in der Administrationsoberfläche über Design > Menüs erstmal die „individuellen Menüs“ aufzurufen. Bis hierhin geschieht nichts besonderes. Oben rechts auf dem Bildschirm kann man jedoch auf „Optionen“ klicken.
Nun klappt sich ein sehr interessantes Optionsfenster aus. Nun reicht es ein Häkchen neben „CSS-Klassen“ zu setzen.
Zusatzschmankerl: Beiträge einem WordPress-Menü hinzufügen
Und wenn Sie genauer hinsehen, stellen Sie auch fest, dass man hier ein Häkchen neben „Beiträgen“ setzen kann. Dadurch ist es möglich, einzelne Beiträge der Navigation hinzuzfügen. Über Sinn und Unsinn lässt sich streiten, allerdings kann es unter Umständen schonmal sinnvoll sein auch einen Beitrag statt einer Seite in einem individuellen Menü zu verlinken. So weiss man zumindest wo die entsprechende Einstellung versteckt ist.
CSS-Klasse zuweisen
In einem letzten Schritt kann man nun jedem einzelnen Punkt in seinem „individuellen Menü“ eine eigene CSS-Klasse zuweisen. Speichern. Fertig. Anschließend wird die Klasse in das HTML gesetzt und man kann den Menüpunkt per CSS nach eigenem Gusto formatieren.
Hi Gino!
Super Tipp.. hat gut funktioniert,
Vielen Dank für den Tipp, wo sich das „Hinzufügen von Beiträgen in ein Menü“ versteckt.
Dachte schon, das wäre in der neuen Version „wegrationalisiert“ worden…
Das wird mich lehren, öfter in die Optionen zu sehen :)
Hallo,
meine Frage wäre, kann ich eine opitionale CSS Klasse aus meinem Theme (Twenty Twelve) verwenden? Mein individuelles Menü soll die gleiche Formatierung haben, wie mein Header Menu. Kannst du mir eine Tipp geben? Ich stehe da auf dem Schlauch.
Klappt bei mir leider nicht, weil der komplette obere Bereich der Abbildung fehlt. Wie vergebe ich einzelnen Elementen eine Klasse bzw. ID?
Hallo Manuel, oben rechts ist eine kleine Lasche mit weiteren Optionen. Dort kannst du ein Häkchen setzen, um die Klassen einzublenden.
Danke! Super Tipp, hat wunderbar geklappt!