Die Navigation (auch «Hauptmenü» genannt) befindet sich meistens am oberen Bildschirmrand neben oder unter dem Logo. Die Ausrichtung kann rechtsbündig, linksbündig oder zentriert sein. Für unsere Webseite haben wir uns für rechtsbündig entschieden.

Ein Menüeintrag kann, wenn nötig, aufklappbare Untermenü-Einträge enthalten. Wir sind aber der Meinung, dass eine Menüstruktur möglichst einfach sein soll. Anstelle von Pulldown-Menüs bevorzugen wir für praktisch alle Seiten das Blog-Layout.

Auf grösseren Bildschirmen (Laptop, PC) verwenden wir ein normales Text-Menü. Auf kleinen Bildschirmen (z.B. Smartphone) wird es automatisch als Dreistriche-Menü (auch «Hamburger-Menü» genannt) angezeigt.

Beispiel eines Text-Menüs für die Navigation auf grösseren Bildschirmen

Beispiel eines «Hamburger»-Menüs für die Navigation auf kleinen Bildschirmen

So wird's gemacht

• Back-End
• Menü «Menüs»
• Verwalten
• Ein vorhandenes Menü zum Bearbeiten auswählen
  bzw.
  ein neues Menü hinzufügen

Modul

Jedem Menü muss eine Position zugewiesen werden. Ein normales Text-Menü wird man wahrscheinlich oben im Header platzieren wollen, während ein Fusszeilen-Menü (footermenu) natürlich in die Fusszeile (Footer) gehört. Wie diese Zuweisung erfolgt, ist abhängig vom verwendeten Template.

Beispiel: Standard-Template «Cassiopeia»

• Back-End
• Dashboard
• Schnellzugriff Inhalt
• Module
• Button [Neu] um ein Modul hinzuzufügen
• Modultyp «Navigation - Menü»
• Position: [menu]
• Erweitert > Layout: Standardmenü einklappbar (Beispiel)

Beispiel: Template des Herstellers «Joomla51»

• Back-End
• Dashboard
• Schnellzugriff System
• Template Stile
• Das betreffende Template auswählen
• General
• Menus

Menüeinträge

Siehe unseren separaten Beitrag.