Gelöst :-)
Hallo Leute,
ich konnte mein Probelm selbst in den Griff kriegen. Damit auch leute, die diesen Beitrag in Google finden verstehen wie es funktioniert erkläre ich es jetzt nocheinmal Schritt für Schritt :-)
Ziel war es ein vertikales Menü zu erstellen bei dem am Anfang nur die Hauptpunkte angezeigt werden. Erst wenn man einen Menüpunkt auswählt, der Untermenüpunkte besitzt werde die Untermenüpunkte angezeigt.
Schritt 1
Lege dir die funtions.php Datei an und füge folgenden Code ein: (hier für zwei Menüs)
<?php
//Code für zwei Menüs
function register_my_menus() {
register_nav_menus(
array( 'main-menu' => __( 'Hauptmenu' ),
'unteres-menu' => __( 'unteres Menu' ) // Brauchst du nur ein Menü lass diese Zeile einfach raus
));
}
add_action ('init', 'register_my_menus');
?>
Alles anzeigen
Schritt 2
füge folgenden Code an der Stelle, in deiner index.php oder sidebar.php oder welcher .php Datei auch immer ein, an der du das Menü angezeigt bekommen möchtest:
<?php wp_nav_menu (array ('container_class' => 'main-nav', 'container' => 'nav'));?>
Schritt 3
nun die Formatierung in deiner style.css Datei:
.current-menu-item{[COLOR=#008000]color:#00F; font-weight:bold; font-size:16px;[/COLOR]}
.current-menu-parent{[COLOR=#008000]color:#999; font-weight:bold; font-size:16px;[/COLOR]}
.sub-menu{ [COLOR=#008000]padding-left:30px; font-weight:lighter; color:#666;[/COLOR]}
.sub-menu li {[COLOR=#ff0000]display:none;[/COLOR]}
.current-menu-parent .sub-menu li , .current-menu-item .sub-menu li {display:block;}
in den [COLOR=#008000]grün[/COLOR] markierten Bereichen kannst du deine Menüpunkte individuell stylen.
die hier [COLOR=#ff0000]rot[/COLOR] markierten Bereichen sind wichtig und dürfen nicht verändert werden, da Sie den Effekt "des einblendes der Untermenüpunkte bei Klick auf den Hauptmenüpunkt " erst möglich machen.
Fertig
Jetzt kannst du in deinem Wordpress Backend (Dashboard) unter "Design -> Menü " deine Menüs anlegen und Unterpunkte erstellen. Wie das Funktioniert kannst du z.B. in diesem Youtube-Video sehen: http://www.youtube.com/watch?v=41efqb7TIpc
LG
Paul