Page Comparison

...

Anchor
Einzelslide Einzelslide

Anlage von Einzelslides - Einzelbilder innerhalb des Sliders

Der Slider, im Beispiel mit "Slider - Lorem Ipsum" benannt, ist jetzt angelegt. Um  Um Einzelslides innerhalb des eines Sliders anzulegen, klicken Sie bitte auf das "bearbeiten"-Icon.

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

| 08.
Reiter "Einstellungen": Geben Sie dem Einzelslide einen für Sie passenden Namen innerhalb des Feldes "Headline". Auch hier besteht die Möglichkeit einen Beschreibungstext für die interne Auflistung hinzuzufügen.

Dann tragen Sie bitte die Breite und die Höhe des Slides - die Maße haben Sie ja schon im Vorfeld festgelegt - in die dafür vorgesehenen Felder ein. 
(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!)

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

Image Removed

| 10.
Reiter "Einstellungen": Klicken Sie jetzt den Button "Mediaarchiv". Im 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 Removed

| 11.
Reiter "Einstellungen": Image Added

Nach Auswahl des Bildes klicken Sie bitte auf "speichern".

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

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

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

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

Image Removed

| 15.
Reiter "Animation": für das gerade angelegte Textfeld fest.  Des Weiteren legen Sie jetzt den Start der Animation des Textes fest.
Beispielhaft: 1,0 sec.

Dann bitte auf den Button "übernehmen" klicken.

Image Removed

| 16.
Ist keine separate Animation gewünscht, nehmen Sie hier keine Einstellungen vor.

Image Added

Reiter "Formatierung": Bitte geben Sie im Feld "Schriftgröße" die gewünschte Größe ein.

...

(Nicht vorhandene, vorgegebene Farben können Sie auch als rgb-Wert oder #-Wert eintragen und danach auf "auswählen" klicken. Dann wird der gewünschte Farbton übernommen.)

| 17.
Reiter "Formatierung": Legen Sie die Hintergrundfarbe des Textes fest, falls erwünscht. Mit dem Schieberegler können Sie die auch eine Transparenz festlegen, im Beispiel auf 0.8 reguliert.

| 18.
Reiter "Formatierung": Der festzulegende "Innenabstand" ist der Abstand vom Rand der Hintergrundfarbe des Textes zum Text. Hier im Beispiel auf 20 festgelegt.
Dieser ist nicht notwendig, wenn für den Text keine Hintergrundfarbe festgelegt ist!

Zusätzliche CSS können in dem Feld darunter eingepflegt werden, z.B. wenn der Text "bold" sein soll. ( font-weight: bold; ).

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

...

Haben Sie das zusätzliche Textfeld nach Ihren Wünschen konfiguriert, klicken Sie bitte auf den Button "übernehmen".

Veröffentlichen eines Sliders

Haben Sie alle Einstellungen getroffen, muss der Slider noch auf der passenden Seite innerhalb Ihres Webauftritts veröffentlicht werden,

Klicken Sie dazu beim gewünschten Slider auf das Icon "bearbeiten, " und veröffentlichen Ihren Slider über den oberen blauen Button "Veröffentlichen", der Ihnen im oberen Bereich der Seite angezeigt wird.

| 20.
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.

Einzelslides, die Sie erstellt haben, werden in der Sliderverwaltung alle auf der rechten Seite unter "verfügbare Slides" (2) dargestellt.
Somit besteht die Möglichkeit, diese in diverse Slider zu integrieren.

...

...