Header - Handbuch wien.gv.at

Über das Pattern

Parameter und Anwendung in Nunjucks

# Parameter siteheader(nav_settings)
nav_settings: "object" # Einstellungen für Navigation (siehe Pattern Menü: /pattern-library/patterns/menue/)

# Parameter siteheader_title(title, title_addon, link)
title: "string" # Titel der Site
title_addon: "string" # Titelzusatz
link: "string" # Link des Titels (optional)

# Parameter siteheader_logo(lang, link)
lang: "string" # Logo in entsprechender Sprache (default: "de")
link: "string" # URL des verlinkten Logos

# Parameter siteheader_search(label, placeholder, link, inline)
label: "string" # Label des Suchfeldes(default: 'Suche')
placeholder: "string" # Platzhaltertext (default: 'Wie können wir helfen?')
link: "string" # Fallbacklink für no-JS Variante der Suche
inline: "boolean" # Suchefeld erst bei Klick sichtbar (default: false)

# Anwendung
{% from "components/site/header/site-header.njk" import siteheader, siteheader_title, siteheader_logo, siteheader_search with context %}

{% call siteheader(nav_settings) -%}
  {{ siteheader_logo() }}
  {{ siteheader_search() }}
{%- endcall %}

Variationen

Header Standard wien.gv.at

Das Logo ist an der äußersten linken Spalte ausgerichtet.
Auf Unterseiten verlinkt das Logo auf die Startseite.
Der Menü-Button ist an der äußersten rechten Spalte ausgerichtet.
Zwischen Logo und Menü-Button spannt sich die Suche auf.
Die Headerleiste erstreckt sich immer über den gesamten Bildschirm.
Der Header ist sticky, bleibt also beim Scrollen oben sichtbar.

Direkte Vorschau nicht verfügbar.
„Header Standard wien.gv.at“ in eigenem Tab öffnen.

HTML

Laden…

Nunjucks

Laden…

Header Standard wien.gv.at English

Direkte Vorschau nicht verfügbar.
„Header Standard wien.gv.at English“ in eigenem Tab öffnen.

HTML

Laden…

Nunjucks

Laden…

Header Spezial wien.gv.at

Für Themenseiten mit besonderen Anforderungen, Beispiel: Summer City Camps
Das Logo verlinkt auf die Startseite von wien.gv.at

Direkte Vorschau nicht verfügbar.
„Header Spezial wien.gv.at“ in eigenem Tab öffnen.

HTML

Laden…

Nunjucks

Laden…

Header Sonderauftritte „Minimal“

Kein Login
Keine Suchfunktion
Keine Sprachwahl
Das Logo verlinkt auf die Startseite von wien.gv.at, der Seitentitel auf die Startseite des jeweiligen Auftritts (gilt für alle Sonderauftritte)