benutzerdefinierte Menüs anpassen

wplogo200x199

In meiner horizontalen Navigation verrichtet ein benutzerdefiniertes Menü, welches es seit WordPress 3.0 gibt, seinen Dienst. Ein fantastisches Feature der aktuellen Version von WordPress, erleichtert es doch ungemein die Strukturierung des Blogs. Nun habe ich den Menüpunkt “Lexikon” durch eine Änderung des Hintergrunds und die Ausrichtung nach rechts ein wenig hervorgehoben. Vielleicht interessiert es ja jemanden wie ich das wieder hingekriegt habe.

Da ich mächtig stolz auf mich bin die Anleitung WordPress als Lexikon benutzen in meinem Blog erfolgreich umgesetzt zu haben und mir mein Lexikon richtig gut gefällt, auch wenn dort erst wenige Begriffe zu finden sind, wollte ich den Menüpunkt in der horizontalen Navigation gebührend hervorheben.

Nachdem ich mir den Quelltext meiner Startseite angeschaut hatte wusste ich das jeder Menüpunkt einer extra ID bekommt, in dem Fall des Links zum Lexikon die ID menu-item-4465. Also rief ich in Notepad++ die CSS Datei auf und fügte den folgenden Code am Ende ein.

#menu-item-4465 {
	float:right !important;
	margin-right:13px;
	background:#ff0000;
	font-weight:bold;
	border-bottom:1px solid #000;
	}

Fertig war die Laube – äh, der wunderschön hervorgehobene Menüpunkt.

Nachteil: Entfernt man im Backend den Menüpunkt und fügt ihn dann wieder ein ändert sich die Zahl am Ende der ID. Doch wenn man das weiß kann man ja reagieren :8

Eine Antwort zu “benutzerdefinierte Menüs anpassen

  1. Hat wunderbar funktioniert! Vielen Dank für den Tipp!

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert. Deine E-Mail Adresse wird nicht veröffentlicht.
Mit dem Absenden eines Kommentars erklärst du dich mit meinen Datenschutzbestimmungen einverstanden. Bitte beachte auch das Regelwerk - CoC für Blogger. Wie dein Profilbild bei deinen Kommentaren angezeigt wird erkläre ich in dem Artikel Wie geht das - Avatar bei Kommentaren?.