Zum Hauptinhalt springen

Header

Steuert die globale Navigation eines Projekts und bündelt Logo, Titel sowie zentrale Navigations- und Systemfunktionen.

Heute aktualisiert

Der Header befindet sich im Editor unter System Top Bereich eines Projekts und ist eine globale Komponente. Er wird auf allen Seiten angezeigt und definiert die zentrale Navigation sowie projektweite Funktionen.

Der Header muss separat über das Drei-Punkte-Menü publiziert werden. Eine Veröffentlichung der Seite reicht nicht aus.

Pro Projekt ist nur ein Header sinnvoll. Mehrere Header würden auf allen Seiten untereinander dargestellt werden.


Header-Bestandteile

Logo

Im Header kann das Projektlogo aus dem Media Archive ausgewählt und bei Bedarf zugeschnitten werden. Die Darstellungsgröße wird über einen Regler visuell angepasst. Über den Toggle Mobile Override kann die Logo-Größe für mobile Geräte separat angepasst werden.

Optional kann ein kompakteres Logo für kleinere Screens hinterlegt werden.


Titel

Ein Titel kann im Header ergänzt werden, z. B. zur Kennzeichnung der Projektfunktion oder des Seitentitels.

Über einen Toggle kann festgelegt werden, ob der Titel angezeigt wird. Ein Mobile Override ermöglicht eine angepasste Darstellung auf kleineren Screens.

Der Titel verhält sich funktional wie das Logo und führt zur Startseite.


Navigation Type

Über Type wird definiert, wie die zentrale Navigation im Header aufgebaut ist.

Zur Auswahl stehen:

  • Empty

  • Search Overlay Page

  • Mega-Menü

Die detaillierte Konfiguration von Search Overlay Page und Mega-Menü wird jeweils in separaten Artikeln behandelt.


Das Mega-Menü bildet eine einfache Navigationsstruktur ab und die Navigation erfolgt direkt in der oberen Leiste und besteht aus einer begrenzten Anzahl an Hauptlinks auf erster Hierarchieebene.

Das Mega-Menü eignet sich für Projekte mit klarer, flacher Seitenstruktur.


Die Search Overlay Page ist im Header nicht dauerhaft sichtbar. Sie öffnet sich erst, wenn ein Nutzer in das Suchfeld klickt oder mit der Eingabe beginnt.

Die Overlay Page ist eine vorangelegte Systemseite, die individuell befüllt wird und verlinkt ist. Innerhalb dieser Seite kann eine mehrstufige Navigationsstruktur aufgebaut werden.

Da die Overlay Page nur über das Suchfeld ausgelöst wird, empfiehlt es sich, den Suchtitel entsprechend zu benennen, z. B. als „Menü“, wenn sie primär als Navigationsoberfläche genutzt wird.


Zusätzliche Funktionen

Über weitere Toggles können zusätzliche Funktionen aktiviert werden:

  • Meine Navigation
    Benutzerabhängige Navigation für eingeloggte Nutzer. Ermöglicht das Speichern und schnelle Wiederfinden von Seiten.

  • Serviceinfo
    Aktiviert einen zusätzlichen Informationsbereich.

  • Newscenter
    Relevant für eingeloggte Nutzer. Die Option Newscenter immer offen sorgt dafür, dass es beim ersten Login automatisch geöffnet wird.

  • Sprachauswahl im User Menü
    Ermöglicht das Umschalten der System- und Oberflächensprache.

Wichtiger Hinweis zur Spracheinstellung

Die Sprachauswahl verändert nicht die Sprache des Seiteninhalts. Sie beeinflusst ausschließlich System- und Oberflächenelemente.


Tipps & Tricks

  • Search Overlay Page für umfangreiche Seitenstrukturen einsetzen

  • Mobile Darstellung stets in der Device Preview prüfen

  • Header nach Änderungen immer separat publizieren

Hat dies deine Frage beantwortet?