PORTAL und PPS Knowledge Base

Header

Owned by Franziska Franz
Last updated: 2024-10-25 by Ilker Oygün
2 min read

Der Header des PEIQ PORTALs ist ein vielseitig konfigurierbares Element und umfasst unter anderem die Navigation, das PORTAL-Logo, den Zugang zur PORTAL-Suche und den Zugang zum Benutzermenü.

Funktionalitäten des Headers

  • Bereitstellung der Interaktionsfunktionen mit dem PORTAL

  • Ausspielung auf allen Seiten des PORTALs

Inhaltsverzeichnis

Der Header im PEIQ PORTAL

Der Header - also der sichtbare Kopfbereich des PORTAL - ist vielseitig konfigurierbar und umfasst neben dem PORTAL-Logo und zentralen Links, insbesondere die Interaktionsfunktionen mit dem PORTAL. Besucher:innen können sich über die Navigation zu einem gewünschten Themenbereich navigieren oder einen Ort wählen, um die Inhalte speziell für diesen Ort zu erhalten. Auch der Zugang zur PORTAL-Suche sowie zum https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/306282497 ist im Header integriert. Über das Benutzermenü erreichen angemeldete Benutzer:innen alle Funktionen, die ihnen im Portal zur Verfügung stehen.

Aufbau des Headers

Der Header ist in drei Bereiche aufgeteilt

  • Titlebar: Umfasst die Funktionsleiste ganz oben auf der Seite. Hier sind im rechten Bereich standardmäßig die Suchfunktion, Lokalisierungsfunkion, Anmeldung/Registrierung und das https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/306282497  verlinkt. Zudem können noch weitere kundenspezifische Links (z. B. E-Paper, Verlag, etc.) gesetzt werden.

  • Logo-Bereich (oder auch Header-Headline genannt): Hier ist das Portallogo platziert. Der Bereich kann über die Bündigkeit und den Header-Hintergrund angepasst werden.

  • Topbar: Gemeint ist die prominente Navigationsleiste des Portals. Hier werden die kundenspezifischen Links gesetzt (Best Practice: Rubriken des Nachrichtenportals, Startseiten von Veranstaltungskalender, Kleinanzeigenmarkt und Pinboard). Die Topbar wird in der mobilen Ansicht ausgeblendet und findet sich im Hamburger-Menü der Titlebar wieder.

Der Header kann in zwei Modi aufgesetzt werden

  • sticky-Modus: Hier bleibt der Header beim Scrollen am oberen Bildschirmrand kleben (Bsp: PAFundDU)

  • Standardmodus: Hier scrollt der Header mit dem Rest der Seite aus dem sichtbaren Bereich des jeweiligen Endgerätes.

Für den sticky-Modus wird zusätzlich zum normalen Logo noch ein invertiertes Logo (z.B. ganz weiß) benötigt, das auf dem Hintergrund der sticky Topbar funktioniert.

 

Verwandte Seiten

 

Nur für PEIQ-Mitarbeiter:innen
https://peiq.atlassian.net/wiki/x/5IbQAg

Impressum