Einsatz von Slidern

Was sind Slider und warum werden sie eingesetzt?

Slider oder Karussell, Slideshow, Content-Slider, sind interaktive Gestaltungselemente auf Websites, die Inhalte in Form von Bild- oder Textfolgen nacheinander anzeigen. Sie kommen besonders häufig auf Startseiten, Landingpages oder Produktseiten zum Einsatz, da sie mehrere Informationen oder visuelle Eindrücke auf engem Raum bündeln können.

Ein Slider bietet die Möglichkeit, visuelle Dynamik in eine Website zu bringen und verschiedene Themen, Produkte oder Botschaften abwechslungsreich zu präsentieren. Durch Übergänge, Effekte und Steuerungselemente (wie Pfeile oder Thumbnails) entsteht ein modernes, interaktives Nutzererlebnis. Gerade in der heutigen, schnelllebigen Medienwelt helfen Slider dabei, Aufmerksamkeit zu erzeugen – besonders bei der ersten Begegnung mit einer Seite.

Aufgabenbeschreibung: Installiert euch den Smart Slider, Ultimate Slider und die Meta Gallery über die Plugins in WordPress. Niemand will dafür Geld ausgeben, nutzt nur die Free-Version. Erstellt eine rudimentäre Seite z.B. über das Theme Astra oder ein anderes Theme. Das Theme steht in dieser Übung nicht im Vordergrund. Integriert dort die drei Slider über Short Codes und vergleicht diese. Beantwortet schriftlich folgende Fragen:

• Welche Möglichkeiten bieten die drei Slider?
• Welche Unterschiede zeigen die drei Slider?
• Welcher Slider spricht euch am meisten an?
• Welche Probleme ergeben sich, wenn man mit Free-Versionen arbeitet?

Smart Slider 3

3

9

2

8

Aufgabe: Erstelle einen Smart Slider, der exakt das gleiche Aussehen hat wie dieser oben. Der Slider soll: nicht bis zum Rand laufen (also: boxed), nicht automatisch ablaufen, sondern nur bei Klick auf die Pfeile, die Pfeilart und Position soll wie oben angepasst werden.

Typische Einsatzbereiche für Slider sind:

• Die Präsentation mehrerer Bildergalerien oder Projektbeispiele
• Das Bewerben von Angeboten oder Kampagnen
• Das Hervorheben von aktuellen Inhalten oder wichtigen Informationen
• Das Erzählen von Geschichten in mehreren visuellen Schritten („Storytelling“)

Damit Slider gut funktionieren, müssen jedoch auch einige Punkte beachtet werden:

• Die Inhalte sollten kompakt und verständlich sein, da Besucher*innen nicht immer alle Slides durchklicken.
• Die Slider müssen barrierefrei und mobil optimiert sein – also auch auf Smartphones intuitiv bedienbar.
• Die Ladezeiten dürfen nicht durch zu große Bilder oder zu viele Effekte beeinträchtigt werden.
• Nutzer:innen sollten jederzeit die Kontrolle haben – z. B. durch eine manuelle Navigation oder Pause-Funktionen.

Slider sind ein beliebtes und flexibles Gestaltungsmittel im Webdesign, aber sie sollten gezielt eingesetzt werden. Wenn gut umgesetzt, tragen sie zu einer professionellen und modernen Website bei – sowohl funktional als auch visuell.

Ultimate Slider

Aufgabe: Erstelle einen UltimateSlider, der exakt das gleiche Aussehen hat wie dieser oben. Der Slider soll: nicht bis zum Rand laufen (1200px), automatisch ablaufen, Thumbnails zeigen, Punkte zeigen, die Pfeilart und Position soll ebenfalls wie oben angepasst werden.

Meta Gallery

Aufgabe: Erstellt eine Meta Gallery! Hier habt ihr alle Möglichkeiten, lass eurer Kreativität freien Lauf. Größe, Bildwechsel, Zeitdauer, Pfeile, Thumbnails? Entscheidet ihr!