Widescreen

Desktop

Tablet

Mobile

Header anlegen

• Header-Elemente sind grundsätzlich nur im Kopfbereich Ihrer Seite als Elemente wählbar.
• Klicken Sie auf den Button Inhalt und wählen unter dem Reiter Widgets das Element Headercontent Element aus.

Medium anlegen

• Um ein Bild oder Video anzulegen, wählen Sie eine Mediendatei aus Ihrer Fileliste aus. 
• Laden Sie eine Datei in den entsprechenden Ordner hoch oder geben Sie eine URL in die entsprechende Maske ein.
• Ausrichten lässt sich der Text innerhalb des Feldes durch die Optionen unter Ausrichtung.

Headerhöhe auswählen

• Wählen Sie im Reiter Settings im Bereich Headerelement Settings die gewünschte Größe aus. 
• In unserem Beispiel: fullscreen 100%.
• Wenn Sie hier keine Änderungen vornehmen wird standardmäßig die default-Größe 80% ausgespielt.

Headline einfügen

• Sie haben die Möglichkeit, in den Bereichen Überschrift sowieText und Link (siehe nächsten Schritt) Inhalte im Header zu platzieren. Überschriften können auch ohne weiteren Text & Link vergeben werden.
• Im Reiter Content ist per Default eine H2-Tag vergeben. Ändern Sie diese Einstellung bei Bedarf über Typ und Headline Size (mehr zu Headlines ❯).

Text und Link einfügen

• Fügen Sie Ihrem Header ggf. Inhalte in Form eines Texts hinzu.
• Ergänzen Sie den Inhalt ggf. mit einem Link und seiner entsprechenden Beschriftung.
• Diese erscheinen in Form einer Content-Box. 
• Text und Link orientieren sich bei der Ausrichtung an den für die Headline getroffenen Einstellungen.

Content-Position & -Größe

• Im Reiter Settings können Sie über die Vertical und Horizontal Position sowie die Headercontent Size die exakte Postition und Größe der Content-Box bestimmen.

Maße: 

• Für oben stehende Beschreibung gilt im »toujou-Theme«  für das optimale Maß von Headerbildern im Modus fullscreen 100% die Faustregel 2,4:1.
• In den Beispielansichten sind Headerbilder vom Format 1920x800 px bei einer Auflösung von 300 ppi im Einsatz. Diese Werte sind als Richtlinien zu betrachten und können je nach vorhandener Bildqualität abweichen.

Allgemeine Hinweise für Dateien:

• Bei Verwendung von Fotografien wird das Dateiformat JPEG empfohlen. Bei Grafiken können auch PNG-Dateien eingesetzt werden.
• In toujou dürfen Mediendateien eine Größe von 8 MB nicht überschreiten.
• Jede Datei muss nur einmal in Ihrer Dateiliste hochgeladen werden.
• Jede Datei kann im Editor für verschiedene Verhaltensweisen je Endgerät bearbeitet und unendlich oft auf Ihrer Website in verschiedenen Elementen eingesetzt werden.

Hinweise für Header-Videos:

• Achten Sie unbedingt auf eine moderate Dateigröße, da diese die Performance Ihrer Website beeinträchtigen kann.
• Plattformen wie YouTube und Vimeo spielen in den eingebetteten Videos Links und Vorschläge aus, die im Header womöglich deplatziert wirken. Hierfür bietet sich die Einbindung eines Videos als Inhaltselement an.