Slideshows erstellen

Hier zeigen wir Ihnen, wie Sie eine Slideshow erstellen. Durch Slideshows können Sie Bilder anzeigen lassen und zu diesen Bildern einen oder mehrere Texte pflegen, die dann innerhalb des Bildes angezeigt werden. Dabei wird automatisch nach einer gewissen Zeit auf das nächste Bild umgeschaltet. Deswegen eignet sich dieses Modul beispielsweise perfekt für ein großes Banner auf Ihrer Startseite mit aussagekräftigen Bildern und einem kurzen Text dazu, welcher dann einlädt in Ihrem Shop einzukaufen.

Beachten Sie bitte, dass wir Ihnen hier nur erklären, wie das Slideshow-Modul funktioniert.

Dies setzt voraus, dass Sie eine Seite erstellt haben, auf der der Inhalt angezeigt werden kann. Wie Sie dies tun zeigen wir Ihnen hier.

Außerdem wird vorausgesetzt, dass Sie bereits in dem Fenster zur Erstellung eines Inhalts angekommen sind. Wie Sie dorthin kommen und wie Sie allgemein einen Inhalt erstellen, sehen Sie hier.

Schritt 1: Auswählen der Inhaltsart

Wählen Sie zuerst bei der Erstellung eines Inhalts den Inhaltstyp "Slideshows" aus.

Schon sollte sich ein Fenster mit der Überschrift "Neue Slideshow" öffnen.

In unserem Beispiel befinden wir uns auf unserer Startseite. Dort wollen wir eine Slideshow pflegen, welche als großes Banner dient.

Schritt 2: Beschreibung wählen

Wählen Sie anfangs eine Beschreibung für Ihre Slideshow. Diese dient nur der Übersichtlichkeit und wird nicht auf der ausgewählten Seite angezeigt.

In unserem Beispiel wollen wir, wie bereits erwähnt ein Banner mit mehreren Bildern erstellen, welche automatisch weiter schalten. Deswegen wählen wir als Beschreibung "Startseite: Banner".

Schritt 3: Höhe und Breite wählen

Danach wählen Sie eine geeignete Höhe und Breite aus. Hierbei ist zu beachten, dass die sie diese zumindest dem Seitenverhältnis der Bilder anpassen.

In unserem Beispiel wählen wir als Höhe 1.360 Pixel und als Breite 480 Pixel, da dies zum einen eine gute Größe für Banner ist und zum anderen unsere Bilder schlichtweg in diesem Format sind.

Schritt 4: Effekte wählen

Nun haben Sie noch die Möglichkeit die Effekte zu wählen, welcher bei dem Übergang zwischen den Bildern angezeigt bzw. angewendet wird.

Hier können Sie sowohl für den Text-Übergang als auch den Bild-Übergang einen separaten Effekt wählen. In dem Drop-Down neben dem Schriftzug "Übergangseffekt" können Sie dies für das Bild tun, während es im Drop-Down neben dem Schriftzug "Text-Effekt" für den Text funktioniert.

In unserem Beispiel wollen wir keinen extra Effekt für den Text haben, jedoch sollen die Bilder eingeschoben werden. Deswegen lassen wir bei Text-Effekt das "Kein Effekt" so stehen und wählen bei dem Übergangseffekt "Wegschieben" aus.

Somit sind die richtigen Effekte ausgewählt.

Schritt 5: Anzeige- und Effekt-Dauer bestimmen

Nun können Sie noch die Dauer des Effekts bestimmen. Diese Dauer ist in Millisekunden in das dazugehörige Feld mit der Bezeichnung "Effekt-Dauer(ms)" einzutragen.

Außerdem kann eingestellt werden, wie lange die Bilder angezeigt werden, bevor mit den eingestellten Effekten zum nächsten gewechselt wird. Diese Dauer tragen Sie in Sekunden in das dazugehörige Feld mit der Bezeichnung "Anzeigedauer(sek.)" ein.

In unserem Beispiel wählen wir eine Anzeigedauer von 10 Sekunden und eine Effekt-Dauer von 3 Millisekunden aus.

Mithin haben wir alle Einstellungen zu den Effekten getroffen.

Schritt 6: Pfeilanzeige und Textposition bestimmen

Darüber hinaus können Sie sowohl die Pfeilanzeige als auch die Textposition anpassen.

In dem Drop-Down neben "Pfeile" können Sie bestimmen, ob links und rechts neben den Bildern Pfeile angezeigt werden sollen. Sollte ein Besucher Ihrer Webseite auf diese klicken, so wird sofort zu dem vorherigen oder dem nächsten Bild geschaltet. Hierbei wird der gewählte Effekt trotzdem ausgeführt.

In dem Drop-Down neben "Text-Position" können Sie anpassen, ob Ihr Text oben oder unten am Bild angezeigt werden soll.

Wir wählen hier aus, dass die Pfeile anzeigt werden sollen. Außerdem soll sich der Text unten befinden.

Nachdem Sie diese Einstellungen getroffen haben, drücken Sie auf Speichern, um die Slideshow anzulegen. Dadurch können Sie gleich die dazugehörigen Bilder pflegen.

Schritt 7: Bilder hochladen

Durch das Speichern sollte sich unten die neue Liste mit dem Namen "Slideshow Bilder" geöffnet haben.

Dort können Sie Bilder hochladen, indem Sie auf das "Plus" mit dem danebenliegenden Schriftzug "Neu" klicken.

Dadurch sollte sich ein neues Fenster mit der Überschrift "Slideshow-Bild" öffnen.

Dort wählen Sie zuerst eine Beschreibung und können dann ein Bild von Ihrem Computer aus hochladen, wenn Sie auf "Datei auswählen" klicken. Sie können auch ein Bild aus dem Dateibrowser wählen, indem Sie den passenden Link dazu eingeben.

In unserem Beispiel nennen wir das Bild einfach "Bild 1" und wählen es durch den Link dazu aus. Schon wird das Bild als Vorschau unten eingeblendet.

Schritt 8: Bild-Überschrift und -Texte wählen

Nun wählen Sie noch eine passende Bild-Überschrift und kurze, aber dennoch aussagekräftige Bild-Texte.

Diese geben Sie in die dazugehörigen Felder auf der rechten Seite ein.

Zum Schluss speichern Sie das Ganze ab und gehen zurück zur Übersicht. Dies funktioniert durch nur einen Klick auf "Speichern und Schließen".

Sollten Sie ein Bild oder einen dazugehörigen Text bearbeiten wollen, dann können Sie dies einfach durch Doppelklick auf das jeweilige Bild. Dann öffnet sich das Fenster mit den Einstellungen dazu erneut.

Nun laden Sie noch weitere Bilder hoch und pflegen Texte dazu. Schon haben Sie eine Slideshow erstellt, welche das ideale Banner Ihrer Startseite ist.