Wieder mal auf den Spuren von WordPress als vollgültigem Content Management System. Eine flexible Seitennavigation, die auch mehrere Seitenbäume parallel abbilden kann ist ein Feature, das man bei einem CMS erwartet. Für WordPress gibt hier es das Plugin navigo. Es baut hierarchische Navigationen selbst definierbarer Tiefe auf, die auf Wunsch auch aufklappen; d.h. es wird immer nur der zur aktiven Seite gehörige eitenbaum angezeigt.

Und so geht’s: Das Plugin, das aus drei Dateien besteht (navigo.php ist das eigentliche Plugin, navigo-options.php stellt das Konfigurationsformular zur Verfügung, navigo-licence-gpl.txt ist die Lizenzdatei), kommt wie üblich in den WordPress-Plugin-Ordner und wird im Backend unter "Plugins" aktiviert. Dann steht unter "Optionen" ein weiterer Menüpunkt zur Verfügung, mit dem man die Einstellungen für das Seitenmenü trifft. Diese Einstellungen werden allerdings nicht direkt über das Optionen-Forumlar gespeichert:  Das Formular erzeugt vielmehr einen Code, den man wahlweise in den Seiteninhalt oder in das passende Template – z.B. Sidebar.php – einbauen kann. Der Code erstellt das Menü als verschachtelte Liste, die sich hervorragend stylen lässt.

Die Einstellungen sind einfach: Man legt fest,

• bei welcher Seiten-ID das Menü beginnen soll,
• ob man Seitenebenen ausblenden möchte,
• wie tief man die Hierarchie darstellen möchte (1 = nur die oberste Ebene)
• in welcher reihenfolge die Seiten erscheinen sollen
• und ob das Menü zusammenklappbar sein soll (d.h. nur den Baum des aktiven Menüpunkts anzeigen soll).

Zusätzlich kann man die Namenskonvention festlegen, mit der die verschiedenen Ebenen der Navigation angesprochen werden. Die Begriffe (z.B. level1 für die oberste, level2 für die nächste Ebene der Hierarchie) werden in den IDs der Listen, Listenpunkte und Links verwendet und lassen sich für das Styling der aktiven Menüzustände verwenden.

Navigo erlaubt auch, parallel mehrere Seitenbäume aufzubauen, denn man kann sich immer wieder neue Codes ausgeben lassen und so mehrere Navigationen in die Templates einbauen.

Beispiel:

Menü1
-  Homepage
-  Seite 1
- – Unterseite 1.1
- – Unterseite 1.2
-  Seite 2
- – Unterseite 2.1
- – Unterseite 2.2

Menü2
-  Impressum
-  Kontakt
-  Anfahrt

Hier lässt man sich einmal den Code für das Hauptmenü erzeugen und gibt als Ausgangspunkt die ID der (leeren) Seite „Menü1“ an. Der Code wird dann z.B. im Sidebar eingefügt. Die Metanavigation nimmt ihren Anfang bei der ebenfalls leeren Seite „Menü2“, der Code kann z.B. im Header eingefügt und als horizontale Navigationsleiste gestyled werden.

So hat man eine moderne Navigation, die sich vollständig mit CSS gestalten und layouten lässt.