Header-Slider

Bevor Sie einen Header-Slider in den Vorlagen erstellen können, müssen Sie zuerst die einzelnen Slider im Inhaltsbereich anlegen.

Sie benötigen mindestens ein Bild im Headerformat. Optional kann jeder einzelne Slider mit einer Überschrift, einer Textzeile sowie einem Link versehen werden.

Hinweise zur Bildgröße: Die Breite sollte für Header immer mindestens 1350px betragen. Die Höhe ist variabel, ist das Bild jedoch sehr hoch, sieht man beim Laden nur den Header und nicht viel von anderen Inhalten auf der Seite (je nach Bildschirmgröße natürlich). Sollen mehrere Bilder als Slider verwendet werden "springt" man unschön, wenn die Bilder nicht alle ganz genau gleich hoch sind. Unsere Header aus dem Bildarchiv haben eine Höhe von 392px. Zum Styleguide für Bilder.

Informationen zu Header-Bildern

• Quellen: Sie können entweder beim Anlegen des Header-Sliders direkt ein Foto aus dem zentralen Bildarchiv (Bildarchiv/Unterordner Header) auswählen oder ein eigenes Bild verwenden. Eigene Headerbilder laden Sie vor dem Erstellen des Headers in den Ordner Medien/Bilder/Headerfotos. Vergesssen Sie nicht die Quelle und eine Bildbeschreibung zu hinterlegen!

Schritt-für-Schritt-Anleitung:

• Navigieren Sie im Inhaltsbereich auf den Unterordner Weitere / Slider (Header)
• Klicken Sie in der Aktionsleiste auf +Neu:

• vergeben Sie einen beliebigen internen Titel [1] (wird nicht ausgespielt)
• und klicken Sie dann auf Weiter [2]:

Der interne Titel wird übernommen [1] , weitere Angaben [2] + [3] sind optional und werden dann linksbündig ausgespielt: die Überschrift (Headline) [2]: weiße Schrift auf grauem Grund, der Text [3] in roter Schrift auf weißem Grund.

Achtung

[2]+[3] werden nur zusammen ausgespielt, wird Text ohne Überschrift eingegeben, wird dieser nicht ausgespielt.

Ihr Headermotiv finden Sie

• gezielt über das Suchfeld [5] z.B. über die Suchbegriffe "Header" und "Alter"oder
• Sie navigieren über das DropDown-Menü [6] das Bildarchiv oder Ihren Medienordner an
• Wählen Sie ein Motiv aus Ihrem Medienordner oder dem Bildarchiv und
• speichern Sie in der blauen Leiste Ihre Auswahl ab.
• Die eingefügte Headline/den Text können Sie mit einem internen oder externen Link [7] versehen.
• Speichern Sie nun ab [8].

Der erste Slider könnte nun so ausschauen:

Sie haben nun den ersten Slider erstellt. Wiederholen Sie diese Schritte für jedes Bild, welches im Header erscheinen soll.

Gehen Sie dann zu den Vorlagen in der Konfiguration, um den Header-Slider zusammenzustellen.