Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Wenn Sie im Redaktionssystem einen animierten Slider erstellen möchten, klicken Sie bitte auf Redaktion > Slider.


Image RemovedImage Added


Dann bitte auf den Button "neuen Slider anlegen" klicken.
Image Removed
Image Added


Reiter "Einstellungen": Hier geben Sie dem Slider bitte im Feld "Headline" (1) einen für Sie passenden Namen und fügen einen entsprechenden, beschreibenden Zentraltext hinzu. (2)
Image Removed
Image Added


Reiter "erweiterte Konfiguration": Die Einblendeanimation des von Ihnen angelegten Sliders können Sie über ein Menü, das Sie über den kleinen Pfeil öffnen können, auswählen.
Image Removed
Image Added


Reiter "erweiterte Konfiguration": Im Feld "Intervall kann die 5000 (Darstellungszeit pro Slide in ms) stehen bleiben (1), wenn Sie später keinen zu langen Text einfügen, der gelesen werden muss. Ansonsten ändern Sie hier die Zeit entsprechend um.
Sie können unter "erweiterte Konfiguration" auch festlegen, ob die Seitennavigation (2) im Slider (Punkte auf dem Slider, die die Bildanzahl anzeigen und auch anklickbar sind) und die Vor-/Zurückbutton (3) (Pfeile links und rechts auf dem Slider) aktiv sein sollen.
Wenn alles für Sie passend eingetragen ist, bitte auf "speichern" klicken.

Image RemovedImage Added


Der Slider, im Beispiel mit "Slider - Lorem Ipsum" benannt, ist jetzt angelegt. Um Einzelslides innerhalb des Sliders anzulegen, klicken Sie bitte auf den Button "bearbeiten".
Image Removed
Image Added


Danach klicken Sie bitte auf den Button "+neuen Slide erstellen".


Image RemovedImage Added


Reiter "Einstellungen": Geben Sie dem Einzelslide einen für Sie passenden Namen innerhalb des Feldes "Headline".

Dann legen Sie bitte die Breite und die Höhe des Slides fest und tragen diese in die dafür vorgesehenen Felder ein.

(Das Bild, das Sie an späterer Stelle einfügen, muss die gleiche Größe besitzen, die Sie gerade für den Slide festgelegt haben!
Bitte beachten Sie, dass auch die Bilder aller weiteren Einzelslides, die Sie irgendwann erstellen und die innerhalb des Gesamtsliders ablaufen sollen, die von Ihnen festgelegte Größe haben müssen!)


Image RemovedImage Added


Reiter "Einstellungen": Über den Button "+Hauptbild" kommen Sie zum Button "Mediaarchiv".


Image RemovedImage Added


Reiter "Einstellungen": Klicken Sie jetzt den Button "Mediaarchiv". Im Mediaarchiv können Sie dann das Foto auswählen, das Sie für den Slider in entsprechender Größe bearbeitet und dort hochgeladen hatten.

Image RemovedImage Added


Reiter "Einstellungen": Nach Auswahl des Bildes klicken Sie bitte auf "speichern".


Image RemovedImage Added



Reiter "Einstellungen": Fügen Sie bitte noch einen beschreibenden Zentraltext zum Slide 01 hinzu.


Image RemovedImage Added


Über den Button "+neues Textelement" können Sie dem Bild Text hinzufügen.

Über den Reiter "Inhalt" fügen Sie den vorgesehenen Text ein.


Image RemovedImage Added


Über den Reiter "Animation" legen Sie über die Auswahl der Einblendeanimation fest, wie der Slider animiert werden soll. 
Beispielhaft: fadeInRight


Image RemovedImage Added


Des Weiteren legen Sie jetzt den Start der Animation des Textes fest.
Beispielhaft: 1,0 sec.

Dann bitte auf den Button "übernehmen" klicken.


Image RemovedImage Added


Wenn Sie jetzt auf Redaktion>Slider klicken, wird Ihnen der angelegte Slider angezeigt.

Klicken Sie bitte jetzt auf das Icon "bearbeiten, und veröffentlichen Ihren Slider über den oberen Button "Veröffentlichen".

Image RemovedImage Added


Wenn Sie weitere Slides innerhalb Ihres Sliders erstellen möchten, gehen Sie bitte wieder den Weg über "Redaktion>Slider", wählen den Slider aus, der erweitert werden soll und klicken dann auf "+neuen Slide erstellen". (1)
Dabei gehen Sie die gleichen Schritte durch, die für den Slide 01 (unser Beispiel in der Doku) beschrieben wurden, benennen weitere dann aber mit Slide 02, Slide 03 o.ä. usw.

...

Somit besteht auch die Möglichkeit, Einzelslides in diverse Slider zu integrieren.


Image RemovedImage Added