In diesem Ratgeber erfährst du, wie du zu einem Beitrag oder einer Seite mit dem Diashow-Block eine interaktive Bild-Diashow hinzufügen kannst.
So sieht er auf der Website aus:
In diesem Ratgeber
Um den Diashow-Block hinzuzufügen, klicke auf das + Block-Inserter-Icon und suche nach „Diashow“. Klicke darauf, um den Block dem Beitrag oder der Seite hinzuzufügen.
💡
Du kannst auch über die Tastatur in einer neuen Zeile „/
slideshow“
eingeben und die Eingabetaste drücken, um schnell einen neuen Diashow-Block hinzuzufügen.
Weitere Informationen findest du in unserer ausführlichen Anleitung zum Hinzufügen von Blöcken.
Wenn du einen Diashow-Block hinzufügst, werden dir zwei Optionen angezeigt: Hochladen und Bilder auswählen.
Mit der Option Hochladen kannst du ein neues Bild oder mehrere Bilder von deinem Computer auf deine Website hochladen.
Mit der Option Bilder auswählen kannst du Bilder aus den in deiner Mediathek vorhandenen Bildern oder aus Google Fotos, dem kostenlosen Fotoarchiv von Pexels oder aus Openverse-Fotoarchiven auswählen.
Mit der Option zum Hochladen von Bildern unter der von dir erstellten Diashow kannst du mehr Bilder zu deiner Diashow hinzufügen:
Du kannst den Button Diashow bearbeiten in der Toolbar verwenden, um Bilder hinzuzufügen oder zu entfernen oder ihre Reihenfolge zu ändern.
Die Bilder werden der Diashow in der Reihenfolge hinzugefügt, in der du sie beim Erstellen der Diashow auswählst. Du kannst die Bilder mit der Option Diashow bearbeiten neu anordnen. Wenn du die Diashow bearbeitest, wird neben jedem ausgewählten Bild eine Zahl angezeigt. Diese Zahl gibt an, in welcher Reihenfolge die Bilder in deinem Diashow-Block angezeigt werden.
Wenn du auf den Block klickst, wird darüber eine Toolbar mit Optionen angezeigt:
In der Toolbar des Diashow-Blocks findest du die folgenden Optionen:
- Blocktyp ändern.
- Block ziehen.
- Block nach oben oder unten verschieben.
- Ausrichtung ändern.
- Diashow bearbeiten.
- Weitere Optionen.
Wenn du auf den Block klickst, siehst du in der rechten Seitenleiste weitere Block-Einstellungen. Wenn die Seitenleiste nicht angezeigt wird, musst du ggf. oben rechts in der Ecke auf das Zahnrad (⚙️) klicken, um die Einstellungen zu öffnen.
Der Diashow-Block verfügt über mehrere Einstellungen, die du in der Seitenleiste mit den Blockeinstellungen findest.
Aktiviere diese Option, wenn deine Diashow die Bilder automatisch wiedergeben soll.
Wenn aktiviert, wird in der Diashow ein Pause-Button angezeigt, mit dem die Diashow angehalten werden kann. Du kannst auch die Verzögerung (in Sekunden) zwischen den automatischen Bildwechseln bestimmen:
Auf dem Tab „Effekte“ kannst du zwischen den Effekten „Folie“ und „Ausblenden“ für die Übergänge zwischen Bildern wählen.
Auf dem Tab „Bildeinstellungen“ kannst du die Bildgrößen für den Diashow-Block auswählen: Vorschaubild, mittel, groß oder Vollbild.
Im Tab „Erweitert“ kannst du eine CSS-Klasse zu deinem Block hinzufügen, sodass du individuelles CSS erstellen und den Block nach deinen Wünschen gestalten kannst.