• Zum Inhalt springen
  • Zur Navigation springen
  • Zum Seitenende springen
Organisationsmenü öffnen Organisationsmenü schließen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
  • FAUZur zentralen FAU Website
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
  • RRZE
  • Videoportal
  • Lageplan und Anfahrt
  1. Friedrich-Alexander-Universität
  2. Regionales Rechenzentrum Erlangen
Friedrich-Alexander-Universität Dokumentation der WordPress-Themes und -Plugins
Menu Menu schließen
  • Grundlagen
    • Rahmenbedingungen für Webauftritte
    • Über WordPress
      • Grundsätzliches zum Webpublishing
      • Login und Navigation im Backend
      • Profil
      • Dashboard
      • Der Customizer
      • Einstellungen im Backend
      • Einen neuen Benutzer anlegen
    • Seiten
      • Eine Seite erstellen
      • Mehrere Seiten gleichzeitig konfigurieren
      • Seiten und Beiträge freigeben
    • Beiträge
    • Inhalte bearbeiten
      • Mediathek
      • Bilder
      • Galerie
        • Bildergalerie im Gridformat
      • Tabellen
      • Zitate
      • Formeln, Daten und Quellcode
    • Seitenstruktur erstellen
      • Kategorien und Schlagworte
      • Die Sidebar
    • Menüs
      • Menüs mit Widgets erstellen
    • Häufig gestellte Fragen
    Portal Grundlagen
  • Plugins
    • Plugins aktivieren
    • Externe Daten einbinden
      • Calendar
      • CRIS
      • FAU oEmbed
      • Jobs
      • Remoter
      • Statistik
      • UnivIS
      • Video
    • Neue Inhaltstypen erstellen
      • Expo
      • FAQ
      • Glossary
      • Person
      • Legal (ehemals ToS – „Terms of Service“)
      • RSVP
      • Synonym
    • Inhaltsseiten mit Funktionen erweitern
      • Contact Form 7
      • Downloads
      • Elements
      • Multilang
      • Ratebutton
      • TinyMCE Advanced
      • Verfallsdatum für Beiträge („Post-Expiration“)
    • Zugang beschränken
      • Access Control
      • Private Site
    • Beiträge teilen
      • Auto-Tweet
      • RSS
    • Plugin-Help
    • Spezialplugins
      • Newsletter
      • Progressive Web-App (PWA)
      • Workflow
    • Über Externe Plugins
    • Über FAU- und RRZE-Plugins
    Portal Plugins
  • Themes
    • FAU Einrichtungen
      • Umsetzungsbeispiele
      • Templates
        • Standardtemplate
        • Die Inhaltsseite mit Navi
        • Portalseite
        • Portalindexseite
        • Startseite
        • Startseite Fakultät
      • Shortcodes
        • Blogroll
        • Portalmenus
        • Bildlinks
    • FAU Events
      • Startseite
      • Widget-Bereiche und Footer-Inhalt
      • Referenten und Vorträge
      • Shortcodes für Referenten und Vorträge
      • Call for Papers
      • Externe Anmeldeformulare einbinden
    Portal Themes
  • Entwicklung
    • Design
      • Farben (Markendesign 2021)
      • Logos
        • Logos zentraler Anwendungen
        • Einsatz im Videoportal
        • Einsatz im Social Media und auf Online-Plattformen
      • Schriften
    • Einsatzkontext (Statistik)
      • Einrichtungsbezeichnungen
    • Versionsverwaltung Git
    • Einheitliche Vergabe von Versionsnummern
    • Vorgaben an Themes
    • Vorgaben an Plugins
    • Eigene Testinstanz
    • Serverkonfiguration
    • Statistiken zu Webauftritten
    Portal Entwicklung
  • Tutorials
    • Schnelleinstieg FAU Events
    • Hinweise zur redaktionellen Arbeit
    • Publikationsliste erstellen
    • Tipps und Tricks
    • Neue Daten in die FAU-Karte einbinden
    • Vortragsliste erstellen
    • Schnelleinstieg FAU Einrichtungen
      • Vorbereitungen
      • Navigation im Backend und allgemeine Grundlagen in WordPress
      • Ein Theme auswählen
      • Seitenlogo und Seiteninformationen ergänzen
      • Eine Startseite erstellen
      • Rechtstexte generieren
      • Inhaltsseiten erstellen für Anfänger
      • Beiträge und die dynamische Sidebar
      • Abmessungen für Bilder und Grafiken
      • Beiträge und die dynamische Sidebar
      • Portale und die Seitennavigation
      • Blogroll und Finetuning
    • Barrierefreiheit
      • Vorwort und Überblick
      • Einführung und Hintergründe
      • Bereitstellung und Pflege von Inhalten
      • Entwicklung und Design
      • Organisatorische und rechtliche Anforderungen
      • Satzungen
      • Tests der Barrierefreiheit
      • Weitere Leitfäden und relevante Informationsangebote
      • Kurzanleitung zur Verbesserung der digitalen Barrierefreiheit in Dokumenten aus Büroanwendungen
    • SEO – Search engine optimization
      • SEO Inhalte gestalten
      • SEO Grundlagen
      • SEO und Barrierefreiheit
    Portal Tutorials
  1. Startseite
  2. Tutorials
  3. Tipps und Tricks
  4. Tipp: Brotkrümel-Navigation und Seitennavigation

Tipp: Brotkrümel-Navigation und Seitennavigation

Bereichsnavigation: Tutorials
  • Barrierefreiheit
    • Vorwort und Überblick
    • Einführung und Hintergründe
    • Bereitstellung und Pflege von Inhalten
      • Spickzettel
    • Entwicklung und Design
      • Browser-Add-ons
    • Organisatorische und rechtliche Anforderungen
    • Satzungen
    • Tests der Barrierefreiheit
    • Weitere Leitfäden und relevante Informationsangebote
    • Kurzanleitung zur Verbesserung der digitalen Barrierefreiheit in Dokumenten aus Büroanwendungen
  • Digitale Hilfsmittel für Kongresse und Veranstaltungen an der FAU
  • Hinweise zur redaktionellen Arbeit
  • Neue Daten in die FAU-Karte einbinden
    • Neue Daten in die FAU-Karte einbinden – Tutorial
  • Publikationsliste erstellen
    • Publikationsliste erstellen – Tutorial
  • Schnelleinstieg FAU Einrichtungen
    • Vorbereitungen
    • Navigation im Backend und allgemeine Grundlagen in WordPress
    • Ein Theme auswählen
    • Seitenlogo und Seiteninformationen ergänzen
    • Eine Startseite erstellen
    • Rechtstexte generieren
    • Inhaltsseiten erstellen für Anfänger
    • Beiträge und die dynamische Sidebar
    • Abmessungen für Bilder und Grafiken
    • Portale und die Seitennavigation
    • Blogroll und Finetuning
  • Schnelleinstieg FAU Events
  • SEO – Search engine optimization
    • SEO Grundlagen
    • SEO Inhalte gestalten
    • SEO und Barrierefreiheit
  • Tipps und Tricks
    • Tipp: Seitenumbrüche
    • Tipp: Logos und Titel
    • Tipp: Brotkrümel-Navigation und Seitennavigation
    • Tipp: Corporate Design
    • Tipp: Statistik
    • Tipp: Ein Top-Event herausstellen
    • Tipp: GitHub – Kommunikation mit den Entwicklern
    • Tipp: Eine Kategorieseite ins Menü einbinden
    • Tipp: Die News-Sidebar nutzen
    • Tipp: Beiträge zu einem bestimmten Datum veröffentlichen
    • Tipp: Beiträge auf der Startseite halten
    • Tipp: Zeitumstellung im Kalender
    • Tipp: Möglichkeiten, Bilder und Grafiken hervorzuheben
  • Vortragsliste erstellen
    • Vortragsliste erstellen – Tutorial
  • WordPress Tipp der Woche

Tipp: Brotkrümel-Navigation und Seitennavigation

In letzter Zeit verwenden immer mehr unserer Nutzer die Brotkrümel-Navigation. Nachdem diese Navigation auch Nachteile in sich birgt, stellen wir heute die beiden Navigationstypen für Unterseiten – Brotkrümel- und Seitennavigation – gegenüber, um Ihnen eine Entscheidungshilfe an die Hand zu geben.

Das WordPress-Theme für die Einrichtungen und Lehrstühle der FAU ist grundsätzlich wie folgt aufgebaut:

  • Startseite
    • Portalseite
      • Unterseite
      • Unterseite
      • …
    • Portalseite
      • Unterseite
      • Unterseite
      • …

Dieses Schema kann auch noch durch weitere Seiten unterhalb der Unterseiten erweitert werden. Auf der Portalseite haben Sie die Möglichkeit, ein Portalmenü einzubinden, über das man auf die Unterseiten und deren weitere Unterseiten zugreifen kann:

Beispiel eines Portalmenüs mit drei Portalunterseiten, von denen zwei jeweils zwei weitere Unterseiten haben.
Beispiel für ein Portalmenü

Wenn Sie von dort auf eine Unterseite mit Standardtemplate gehen, wird oben eine Brotkrümelnavigation angezeigt. Diese Navigation ist linear, was dazu führt, dass die Besucher immer wieder auf die Portalseite zurückspringen müssen, wenn sie die übrigen Unterseiten sehen möchten. Das muss nicht schlimm sein, jedoch ist zu bedenken, dass jeder zusätzliche Klick dazu führen kann, dass Ihr Besucher sich lieber anderen Seiten zuwendet.

Screenshot von einer Seite auf Standardtemplate mit Hervorhebung der Brotkrümelnavigation und Hinweis darauf, dass Besucher erst wieder zurück zur Portalseite müssen, bevor sie weitere Unterseiten ansteuern können.

Für Ihren Besucher weitaus praktischer ist es, wenn er an der linken Seite eine Navigation hat, in der er die jeweiligen Unterseiten des Bereichs, den er besucht, sehen und gleich ansurfen kann:

Screenshot von derselben Unterseite wie oben, aber diesmal mit Navigation an der linken Seite, die übersichtlich die vorhandenen Seiten zeigt und auch die Unterseiten im angesurften Bereich.
Inhaltsseite mit Navigation links

Wie auch immer Sie sich entscheiden: Wichtig ist ein stringentes Vorgehen. Entscheiden Sie sich am Besten für eine der beiden Möglichkeiten und weichen Sie so selten wie möglich davon ab. So sorgen Sie dafür, dass Ihre Besucher sich auf Ihren Seiten leicht zurechtfinden und vielleicht sogar länger bleiben als sie das vorhatten.

Regionales RechenZentrum Erlangen
(RRZE)

Martensstraße 1
91058 Erlangen
  • Kontakt
  • Webworking Blog
  • Impressum
  • Datenschutz
  • Barrierefreiheit
  • RSS Feed
  • GitHub
  • Twitter
Nach oben