Wie und warum lege ich einen Header an
Der Header
kann in 3 Varianten angelegt werden.
- 1. Kopfbild volle Breite (Header & Teaser)
Zeigt einen Header mit Bild und Überschrift über die volle Breite - 2. Header
Header Element mit Bild und Inhalt - 3. Header (graue Box)
Zeigt einen Header mit grauem Hintergrund
Das “Header”-Element ist ein Container mit unterschiedlichen Bereichen für die Überschriften, Teasertexte und auch für “Widgets”.
In die jeweiligen Bereiche können unterschiedliche Inhaltselemente eingefügt werden:
Überschrift:
- Text-Element
Widget-Bereich groß
- Lexikon-Such-Plugin
- Such-Plugin
- Link-Teaser-Plugin
- Download-Plugin
- Text-Element
Widget-Bereich halbe Breite:
- Link-Teaser-Plugin
- Small max. 2 Links
Header (Kopfbild volle Breite)
Diese Variante kann genutzt werden, wenn man ein Bild vollflächig verwenden möchte. Hier wird die H1 und der Teaser über das Bildelement gelegt, dies sollte bei der Gestaltung bedacht werden.
Sowohl die Überschift H1, als auch das Bild werden in dem Headerelement gepflegt. Die H1 ist der Container-Titel unter Allgemein und unter dem Reiter "Optionen" pflegt man das gewünschte Bild ein. Hier wird ein Querformat bevorzugt, da das Bild ein Seitenverhältnis von 2:1 bekommt.
Der Teasertext muss in ein zusätzlich angelegtes Textfeld ergänzt werden, wenn gewünscht.
Header
Dies ist die angedachte Standardvariante mit Bild, H1, Teasertext und der Möglichkeit weitere Verlinkungen zu verwenden. Auch hier pflegt man das gewünschte Bild im Element selbst unter dem Reiter "Optionen". Bitte beachten, das Bild wird auf Seitenverhältnis von 1:1 zugeschnitten.
Header (graue Box)
Dieser Header kann grundsätzlich genutzt werden, wenn kein Bild vorhanden ist. Die H1 wird dann ebenfalls in einem Textelement im Headerbereich gesetzt und er dient als weiteres Stilmittel.