Headerslider

Der Headerslider platziert ein Bild großflächig am oberen Rand der Seite. Durch Anklicken von Pfeilen neben dem Bild kann der Nutzer das nächste Bild aufrufen.

Weil der Headerslider sehr viel Raum einnimmt, eignet er sich nur für Einstiegsseiten/"Landing Pages" oder Seiten, für die dieses Format sinnvoll ist.

Erstellen Sie ein neues Inhaltselement und wählen Sie dabei das Modul "Headerslider" aus.

 

 

Der Headerslider besteht aus großen Bildelementen sowie einen Textabschnitt mit Überschrift.

  1. Fügen Sie zunächst die Überschrift hinzu.
  2. Setzen Sie hier den Text ein. Der Text sollte nicht zu lang werden, max. 500-600 Zeichen werden empfohlen.
  3. Für das erste Bild des Sliders klicken Sie hier.

 

  1. Klicken Sie auf das Ordnersymbol.
    Sie sehen dann die Dateiliste. Wählen Sie dort das erste Bild für den Slider aus.
    Falls das gewünschte Bild zunächst noch hochgeladen werden muss, gehen Sie so vor wie beschrieben in der Anleitung "Text mit Bildern" im Abschnitt 2:
    "Bilder verwenden".
  2. Die Bildreferenz des geladenen Bildes wird dann automatisch hier eingeblendet.
  3. Sie können hier einen Alternativtext eingeben für den Fall, dass das Bild nicht geladen wird, oder z.B. auch für Brailleterminals.
  4. Klicken Sie hier um dem Slider das nächste Bild hinzuzufügen.

 

  1. Über diesen Link haben Sie weitere Optionen für das eingebundene Bild. Sie können sich z.B. eine Vorschau des Bildes ansehen.
  2. Wenn, so wie hier, bereits mehrere Bilder für den Slider eingebunden wurden, dann erhält jedes Bild einen Eintrag, der aufgeklappt oder geschlossen werden kann.
    Tipp:
    Über den Menübutton (hier direkt unter der 2) können Sie das Bildelement anklicken und ziehen, um so die Reihenfolge der Bilder zu ändern.
  3. Mit diesem Button können Sie alle Bildelemente gleichzeitig ein- und ausklappen.
  4. Klicken Sie hier, um dem Slider ein weiteres Bild hinzuzufügen.

 
Auf der Webseite sieht der Headerslider dann z.B. so aus:

Tipp

Der Bildauschnitt, der auf der Webseite angezeigt wird, passt sich automatisch an die Größe Ihres Bildschirms an. Für eine optimale Desktop-Ansicht auf großen Bildschirmen empfiehlt sich ein Bild, auf dem das Motiv möglichst mittig platziert ist.