Kopfbild / Kopfslideshow

Je nachdem für welche Konfiguration Sie sich entschieden haben, verfügt Ihre Seite über eine einzige globale Slideshow im Kopfbereich, oder Sie haben die Möglichkeit pro Seite eigene Slideshows zu erstellen. 

Wichtig: Prüfen Sie bitte vorab, ob bei Ihnen noch eine alte Version unserer Slideshow eingesetzt wird. Dies sehen Sie am besten indem Sie (eingeloggt) Ihre Startseite aufrufen und prüfen, ob im Menü oben die Schaltfläche "Seiten-Slides auswählen" vorhanden ist. Ist dies der Fall, lesen Sie bitte HIER weiter.

Standard Slideshow bearbeiten

Fahren Sie mit Ihrer Maus über die Slideshow, klicken Sie auf die Schaltfläche "Standard Slideshow bearbeiten". Wie Sie die Slideshow bearbeiten lesen Sie bitte unter "Slideshow bearbeiten / konfigurieren" nach.

Eigene Slideshow

Sofern Sie sich anfangs dafür entschieden haben, pro Seite eigene Slideshows anlegen zu können, haben Sie die Möglichkeit die Standard Slideshow zu entfernen und eine eigene Slideshow einzufügen. Haben Sie sich für diese Variante entschieden, müssen Sie beim Anlegen einer neuen Seite auch die globale Standard Slideshow selbstständig hinzufügen.

Tipp: Vermeiden Sie dabei unterschiedliche Animationen und Geschwindigkeiten einzustellen, das wirkt in der Regel inkonsistent und ggf. sogar verwirrend auf Ihre Besucher.

Wie gewohnt öffnen Sie per "Seite bearbeiten" die rechte Seitenleiste. Sie sehen nun - in der Regel als oberste Komponente - Ihre Standard Slideshow. Entfernen Sie diese und und wählen unter "Hinzufügen / Slideshows / Eigene" aus.

Slideshow bearbeiten / konfigurieren

Die Möglichkeiten zur Konfiguration einer Slideshow in Videoform, entnehmen Sie bitte dem Video oberhalb ("Eigene Slideshow").

Eine Slideshow bietet viele Konfigurationsmöglichkeiten, in der Regel müssen Sie sich damit aber nicht aufhalten. Sie fügen unter der oberen Option "Slides" hinzu, ändern per Drag & Drop deren Reihenfolge, deaktivieren oder löschen diese.

Über die Felder "Anzeigen ab" / "Anzeigen bis" haben Sie die Möglichkeit den entsprechenden Slide zeitgesteuert zu veröffentlichen, geschweige denn, die Veröffentlichung zurückzunehmen.

Weiterhin haben Sie die Möglichkeit eine Textbox auf das Bild / den jeweiligen Slide zu legen. Dazu stehen folgende Felder zur Verfügung:

  • Titel = Oberhalb angezeigter Text
  • Titel HTML Element = Legt fest in welcher Form der Titel dargestellt wird:
    • Strong = Fettschrift, aber normale Textgröße
    • Span = Normaler Text
    • H2 - H5 = Überschriften, in der Regel wird an dieser Stelle ein H2 semantisch korrekt sein
  • Ihr Text = WYSIWYG Editor Feld zur Eingabe eines formatierten Fließtextes (auch "Rich Text" genannt)
  • Link = Hier können Sie einen internen oder externen link angeben. Achten Sie bei Internen Links darauf diese relativ anzugeben. Das bedeutet, wenn die Adresse https://www.webks.de/leistungen/typesetter lautet, müssen Sie /leistungen/typesetter in das Feld eingeben. Die eigentliche Domain kann und sollte also entfallen. Testen Sie den Link nach dem speichern sicherheitshalber! Insbesondere wenn Ihre Seite nicht auf unseren Servern liegt, besteht die Möglichkeit dass der relative Pfad ohne führenden "Slash" ("/") angegeben werden muss.
  • Link als Button = Verlinkt nicht nur das Bild, sondern stellt zudem noch eine Schaltfläche unten in der Textbox bereit
  • Button-Titel = Legt den Text innerhalb der Schaltfläche fest (beispielsweise "Weiterlesen", "Artikel aufrufen", oder Ähnliches)
  • Textbox anzeigen = Schaltet die Anzeige der Textbox ein oder aus
  • Textbox Position:
    • rechts
    • links
    • flächig = über das gesamte Bild gelegt
    • zentriert
  • Text Farbe = Farbe der Überschrift und des Fließtextes
  • Hintergrund Farbe = Hintergrundfarbe des Textblocks
  • Textbox Animation = Animiert die Textbox zusätzlich zur Animation des eigentlichen Sliders. Erst wird also das nächste Bild angezeigt, anschließend wird die Textbox "eingeblendet" (je nachdem welche Animation Sie wählen, testen Sie einfach! Animationen welche mit "fadeIn" beginnen, sind z.B. sehr schlicht und universal einzusetzen)

Ältere Slideshow Versionen

Wie eingangs erwähnt, ist dieser Teil für Sie nur relevant, falls Sie noch eine ältere Version unserer Slideshow Lösung verwenden.

Diese funktioniert folgendermaßen:

  1. So laden Sie ihre Bilder hoch:
    1. Im Verwaltungsmenü links klicken Sie bitte auf "Inhalt" -> "Dateiverwaltung"
    2. Wählen Sie den Ordner "image" -> "slides"
    3. Laden Sie Ihre Bilder in diesem Ordner hoch
  2. So weisen Sie Bilder einer Seite zu:
    1. Rufen Sie die entsprechende Seite auf
    2. Klicken Sie im Verwaltungsmenü oben auf "Seiten-Slides auswählen"
    3. Im sich öffnenden Layer werden nun alle Bilder angezeigt, welche Sie im Ordner "slides" hochgeladen haben
    4. Markieren Sie die kleine Box, welche auf jedem einzelnen Vorschaubild liegt, um das Bild für diese Seite zu aktivieren
    5. Zusätzlich haben Sie zu jedem Bild einige (optionale) Optionen:
      1. Titel = Gibt einen als Überschrift formatierten Text auf dem Bild aus
      2. Text = Gibt einen Fließtext unterhalb der Überschrift aus
      3. Link-URL = Hier können Sie einen internen oder externen link angeben. Achten Sie bei Internen Links darauf diese relativ anzugeben. Das bedeutet, wenn die Adresse https://www.webks.de/leistungen/typesetter lautet, müssen Sie /leistungen/typesetter in das Feld eingeben. Die eigentliche Domain kann und sollte also entfallen. Testen Sie den Link nach dem speichern sicherheitshalber! Insbesondere wenn Ihre Seite nicht auf unseren Servern liegt, besteht die Möglichkeit dass der relative Pfad ohne führenden "Slash" ("/") angegeben werden muss.
      4. Ausrichtung = Legt die Ausrichtung der Textbox auf dem Bild fest, links oder rechts
      5. Gewichtung = Steuert die Reihenfolge der Bilder / Slides auf der aktuellen Seite. Tipp: Auch negative Werte sind hier möglich!
      6. Notiz = Wird nicht für Ihre Besucher ausgegeben, dient Ihnen als internes Hinweisfeld
      7. Alt-Text = Zwingend notwendig, wichtig für Suchmaschinen und sehbeinträchtigte Menschen. Beide können den Bildinhalt nicht anders erfassen, entsprechend müssen Sie kurz und prägnant beschreiben, was auf dem Bild zu sehen ist.
    6. Abschließend klicken Sie ganz unten auf "Speichern"

War dieser Artikel hilfreich?

CAPTCHA
Beantworten Sie bitte diese Frage zum Spamschutz.
Füllen Sie die leeren Felder aus.