Guru 2.0 › 3.0
Der Blog für alle die Spass am Web und Design haben…

WordPress

Seit neuestem – naja eigentlich schon länger – gibt es die benutzerdefinierten Menüs in WordPress.

Aber irgendwie habe ich das Gefühl, die verwendet keiner, oder man braucht sie nicht. Daher zeige ich euch heute wie das ganze funktionieren kann.

Als erstes must Du dein Thema auf die Menüs vorbereiten. Dies geht ganz einfach mit ein paar Zeilen in der Datei functions.php.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

//Benutzerdefinierte Menues
function guru20_regCustMenu() {
  //Es koennen mehrere Menues gleichzeigt registriert werden
  //  Der Schluessel (1. Parameter) des Arrays ist die eindeutige (!) Identifizierung
  //    und dient der spaeteren Verwendung im Code
  //  Der Name (2. Parameter) dient zur Anzeige im DashBoard.
  //    Es ist sinnvoll klingende Namen zu verwenden, dann faellt einem die Identfikation leichter
  //    Hier wird gleich die Uebersetzungsfunktion __() von WP verwendet, um eine spaetere
  //    Internationalisierung zu erleichtern
  register_nav_menus(
    array('header-menu' => __('Top Navigation'),
      'sidebar-menu' => __('Navigation Seitenleiste'),
      'footer-menu' => __('Navigation Fusszeile'))	);
}
//Hook aktivieren um Menues zu registrieren
add_action('init', 'guru20_regCustMenu');

registriertes Menü auswählen

Sobald Du das erledigt hast und dein DashBoard neu lädst, kannst Du im Bereich Design den Befehl Menüs aufrufen. Links oben findest Du ein Widget, welches die registrierten Menüs anzeigt. Dort wählst Du das passende aus und kannst jetzt die einzelnen Menüpunkte hinzufügen.

Wie gewohnt im DashBoard, kannst Du die Sortierung und auch die einzelnen Menüebenen mit Drag and Drop einfach einstellen.

Damit das ganze auch noch im FrontEnd angezeigt wird, musst Du in den verschiedenen Dateien des Themes das Menü auch aufrufen. Ich verwende gerne die Datei header.php dafür, da ich meistens eine Top-Navigation mit dieser Funktion aufbaue. Du kannst an der passenden Stelle folgenden WordPress-Befehl (PHP) einfügen.

wp_nav_menu(array('theme_location' => 'header-menu'));

Für mehr Informationen zu den Parametern dieses Befehl kannst Du den Codex von WordPress [EN] zu Rate ziehen, es ist ganz einfach. Wie wir das Menü layouten können, überlasse ich momentan Deiner Phantasie. Aber ich werde in naher Zukunft sicher etwas darüber schreiben.