SlideShow mit Wordpress erstellen

Geschrieben von:

Tech-Writer Thomas am 20.09.2020

Artikel teilen:

Aufrufe seit 20.09.2020

Gesamt: 3460
Dieses Jahr: 734
Diesen Monat: 54
Diese Woche: 8
Heute: 1

Post Tags:

Das CMS WordPress ist das beliebteste Content-Management-System weltweit. Es bietet eine einfache Benutzeroberfläche und zahlreiche Erweiterungsmöglichkeiten durch Themen und PlugIns. In diesem Artikel zeigen wir, wie eine Diashow unter WordPress mit dem MetaSlider eingerichtet wird.

Inhalt:

1. Neue Diashow anlegen
2. Name/Überschrift festlegen und Bilder hinzufügen
3. Bilder für die Slideshow auswählen
4. SlideShow auf Seite einbinden
5. Einstellungen bearbeiten
6. Bilder individuell zuschneiden
Fazit

1. Neue Diashow anlegen

Für eine Diashow wird bei WordPress eine PlugIn benötigt. In diesem Beispiel nutzen wir das sehr beliebte PlugIn MetaSlider. Zur Installation eines PlugIns wird an vielen Stellen schon ausführlich eingegangen.

Nach der Installation wird der neue Menüpunkt "MetaSlider" links in der Menüleiste angezeigt. Über das Icon "New" oben rechts wird eine neue SlideShow angelegt:

2. Name/Überschrift festlegen und Bilder hinzufügen

Oben wird ein eindeutiger Name für die Diashow festgelegt, hier „Stromberger Klamm“

Danach unbedingt die Diashow über das Speichern-Icon oben rechts sichern.

Im Anschluss wird über das Plus-Icon (Dia hinzufügen) die Mediathek geöffnet.

3. Bilder für die Slideshow auswählen

In der Mediathek können nun Bilder ausgewählt oder hochgeladen werden. Diese werden dann in der Slideshow untereinander angezeigt.

Wichtig ist, dass die Bilder eine aussagekräftige Beschreibung besitzen. Sofern diese nicht automatisch aus der Mediathek übernommen wird, kann diese hier auch individuell eingetragen werden.

4. SlideShow auf Seite einbinden

Dazu wird die entsprechende Seite oder der entsprechende Beitrag geöffnet. An der gewünschten Position wird über das „Plus“ der „Allgemeine Block“ des MetaSlider aufgerufen.

In dem Block kann nun die neu erstellte SlideShow „Stromberger Klamm“ ausgewählt werden.

5. Einstellungen bearbeiten

Die Ansicht der SlideShow lässt sich vielfältig anpassen. Dazu wird unter MetaSlider in der rechten Spalte die entsprechenden Einstellungen angeboten.

Dazu zählen der Slider-Typ, die Größe, Art der Navigation und unter „Erweiterten Einstellungen“ die Größe, Bildzuschnitt, Zeiten oder auch die Texte.

6. Bilder individuell zuschneiden

Die Größe der SlideShow kann in der rechten Spalte unter den Einstellungen festgelegt werden. Dabei ist darauf zu achten, dass die Einstellungen der angezeigten Bildgröße mit dem Seitenverhältnis der verwendeten Bilder möglichst exakt übereinstimmen.

Unter „Erweiterte Einstellungen“ sollte geprüft werden, ob der Punkt „100 % width“ aktiviert ist, damit die SlideShow auch über die komplette Seiten- oder Spaltenbreite angezeigt wird. Etwas weiter unten kann auch noch der Modus zum Zuschneiden der Bilder gewählt werden. In den meisten Fällen sollte „Intelligentes Zuschneiden“ die beste Wahl sein.

Es kann aber unter Umständen auch notwendig sein eine andere Option zu wählen. Zudem kann jedem Bild eine individuelle Zuschneide-Position zugewiesen werden. Dazu wird beim entsprechenden Bild unter dem Tab „Zuschneiden“ eine der vielen Optionen im Pulldown-Menü gewählt.

Fazit

Die Möglichkeiten des MetaSlider-PlugIn sind sehr vielfältig und durch die ständige Weiterentwicklung immer auf einem aktuellen Stand. Auf unserer WebDesigner-Seite finden Sie eine Übersicht unserer WordPress-Referenzen.

Impessum des Autor Kontakt zum Autor