Erstellung der Navigation in WordPress 3.0

In diesem Artikel wird gezeigt, wie man in einem WordPress-Thema die neue Menü-Funktion von WordPress 3.0 nutzen kann.

Erstellung von Navigationsmenüs

Beginnen wir damit, erst einmal eine eigene Seitennavigation zu erstellen. Rufen Sie dazu den neuen Menüpunkt “Menüs” unter “Design” im Administrationsbereich auf. Erstellen Sie durch Klick auf das Plus-Symbol ein neues Menü. In unserem Beispiel erhält es den Namen “topnavigation”. Einer zweiten Navigation haben wir den Namen “bottomnavigation” verpasst.

Links davon sehen Sie Ihre vorhandenen Seiten, die Sie per Klick auf die Schaltfläche vor dem Seitennamen auswählen, und dann dem neuen Menü “topnavigation” hinzufügen können. Erwähnt sei, dass Sie jetzt auch Links zu externen Seiten in Ihre Seitennavigation aufnehmen können, und Kategorien sowieso. Das Erstellen “gemischter” Navigationen ist damit also kein Aufwand mehr.

Per Drag and Drop können Sie die Anordnung der Seiten verändern. Beachten Sie, dass die hierarchische Einteilung der Seiten neu vorgenommen wird, sie hat nichts mit der Einteilung der Seiten an sich zu tun. Sie könnten also im neuen Menü bisherige Kindseiten gleichberechtigt neben Elternseiten stellen.

Nun rufen Sie im Editor (“Design” -> “Editor”) die Datei auf, die das Menü anzeigen soll. In den meisten Fällen wird das die Datei header.php sein.

Suchen Sie nun die Stelle, an der die neugeschaffene Seitennavigation erscheinen soll. Eventuell steht dort noch ein Funktionsaufruf in der Art von

<?php wp_list_categories('title_li='); ?>

oder

<?php wp_list_pages('title_li='); ?>

Tragen Sie stattdessen folgendes ein, wenn es sich um ein (älteres) Thema handelt, das die neuen Registriermöglichkeiten für Navigationsplätze von WordPress 3.0 noch nicht nutzt.

<?php wp_nav_menu( array('menu' => 'topnavigation' ) ); ?>

Damit geben Sie an, dass Ihr neugeschaffenes Menü namens “topnavigation” an dieser Stelle gezeigt werden soll. Zum Behübschen der ganzen Sache und zur Nutzung zusätzlicher CSS-Anweisungen werfen Sie einen Blick in die Beschreibung der Funktion wp_nav_menu() im Codex von WordPress.

Registrierung von Navigationsplätzen in WP 3.0

Sie können aber auch gleich die Sache noch benutzerfreundlicher machen, indem Sie in Ihrem Thema eigene Plätze für Ihre Navigationsmenüs einrichten. Im Prinzip funktioniert das analog zur Registrierung von Sidebars.

Öffnen Sie im Editor (“Design” -> “Editor”) die Datei functions.php, und tragen Sie dort z.B. folgenden Code ein (innerhalb von <?php und ?>):

if ( function_exists( 'register_nav_menu' ) ) {
  register_nav_menu( 'primary', 'Primary Navigation Menu' );
  register_nav_menu( 'secondary', 'Secondary Navigation Menu' );
}

Damit registrieren Sie zwei Plätze für Navigationen in aktuellen WordPress-Versionen. Im angeführten Beispiel benutze ich “primary” für die “topnavigation” am Kopf der Seite und “secondary” für “bottomnavigation” in der Fußzeile.

Jetzt richten Sie in der Datei header.php einen leicht anderen Aufruf der Funktion wp_nav_menu() ein:

<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>

bzw. in footer.php für das “Secondary Navigation Menu”

<?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?>

Sie geben damit also nicht mehr das konkrete Navigationsmenü (“topnavigation”) an, das Sie dort sehen möchten, sondern nur den Platz für ein Navigationsmenü (“primary”).

Geschafft!

Sie können nun ganz bequem im Menü-Bereich (“Design” -> “Menüs”) Ihre neugeschaffenen Navigationen den Plätzen “primary” oder “secondary” zuweisen (Box “Anordnung im Theme”).

Damit haben Sie Ihr Thema bezüglich Navigation WordPress 3.0-fähig gemacht. Wenn Sie Ihr Thema der Allgemeinheit anbieten möchten, dann vergessen Sie nicht eine Alternative für ältere WordPress-Versionen anzubieten.

Ähnliche Artikel:

• Navigation in WordPress mit mehr CSS-Klassen
• Die WordPress-Startseite anreichern
• WordPress Upgrade auf 2.5.1

Tags: custom-menu, menu, menü, navigation