Ein Bild-Slideshow kann ein nützliches Werkzeug sein, um deine Produkte oder Dienstleistungen auf originelle Weise zu präsentieren und eine ansprechende visuelle Erfahrung für die Besucher deiner Website zu schaffen. Es kann dir helfen, deine Markengeschichte zu kommunizieren und die einzigartigen Merkmale deiner Angebote hervorzuheben. Du kannst eine Bild-Slideshow oder ein Karussell mithilfe des Galerie-Sliders erstellen.
Hinzufügen einer Bild-Slideshow zu deiner Website
Der Galerie-Slider ist eine der Layouts des Galerie-Blocks, daher kannst du ihn genauso wie jeden anderen Block hinzufügen:
- Wähle einen Ort aus, an dem du den Galerie-Slider hinzufügen möchtest, und klicke auf die Schaltfläche Block hinzufügen (+).
- In der Blockbibliothek navigierst du über das Menü auf der linken Seite zum Abschnitt Galerie und klickst darauf, um die vorgefertigten Block-Layouts zu sehen.
- Klicke auf das Layout Galerie-Slider, um es zu deiner Seite hinzuzufügen.
Hier findest du ein Video des Vorgangs.
Anpassen der Einstellungen des Sliders
Du kannst den Slider wie jeden anderen Block anpassen - mit Hilfe seines Steuerbereichs. Um diesen zu aktivieren, klicke auf den Block mit dem Slider-Layout und dann auf das Blockeinstellungen-Symbol.
Das Blockeinstellungsmenü besteht aus zwei Registerkarten: der Registerkarte Layout und der Registerkarte Aussehen.
In der Layout-Registerkarte kannst du das Block-Layout ändern und auswählen, welche Elemente im Block angezeigt werden sollen. Um ein bestimmtes Blockelement auszublenden (z.B. wenn du eine Schaltfläche entfernen möchtest), entferne das blaue Häkchen neben dem Namen des Elements.
In der Aussehen-Registerkarte kannst du folgende Änderungen vornehmen:
- Blockstil: Ändere das Farbschema des Blocks.
- Blockabstand: Ändere die Abstände oben und unten im Block.
- Einstellungen für Medieninhalte: Füge den Bildern in diesem Block einen Schwarz-Weiß-Filter hinzu.
Wenn du fertig bist, klicke auf Speichern, um die Blockeinstellungen anzupassen.
Hier findest du ein Video des Vorgangs.
Erfahre mehr über die allgemeinen Anpassungsoptionen für Blöcke in unserem Artikel zur Blockverwaltung.
Ersetzen der Demo-Bilder im Slider
Du kannst die Demo-Bilder im Slider durch eigene geschäftsbezogene Bilder ersetzen und diese dann weiter anpassen. Die meisten Anpassungen werden über den Bild-Steuerbereich vorgenommen. Lade Bilder direkt von deinem Computer hoch oder füge kostenlose Stockfotos aus der integrierten Fotobibliothek hinzu.
So ersetzt du das Demo-Bild:
- Klicke auf das Bild, das du ersetzen möchtest, um den Bild-Steuerbereich zu aktivieren.
- Klicke auf das Symbol Bild hochladen, um die Upload-Optionen anzuzeigen.
- Klicke auf die gewünschte Option. Wenn du auf die Option Datei hochladen klickst, gelangst du zu deinem Computerspeicher. Wenn du Kostenlose Stockfotos durchsuchen wählst, wird die Bibliothek mit kostenlosen Stockfotos geöffnet, in der du das lizenzfreie Bild auswählen kannst, das du hochladen möchtest.
- Bestätige deine Auswahl, indem du auf Öffnen für die Option Datei hochladen oder auf Senden für die Option Kostenlose Stockfotos durchsuchen klickst.
Hinzufügen von Bildern im Batch
Um die Anpassung des Sliders zu beschleunigen, kannst du die Option Galerieeinstellungen verwenden, mit der du Bilder in Stapelverarbeitung zu deiner Galerie hinzufügen kannst.
So gehst du vor:
- Klicke auf den Slider und wähle das Symbol Galerieeinstellungen in der Bild-Steuerleiste aus.
- Klicke im Galeriefenster auf die Schaltfläche Plus (+) und wähle die bevorzugte Methode zum Hochladen deiner Bilder aus.
- Wähle die Bilder aus und klicke auf Senden (um aus der kostenlosen Galerie hochzuladen) oder auf Öffnen (um vom Computer hochzuladen).
- Wähle im nächsten Popup-Fenster aus, was du mit dem Standardinhalt tun möchtest.
- Sortiere die Bilder in der gewünschten Reihenfolge, indem du sie ziehst und ablegst.
- Klicke auf Senden.
Hier ist das Video des Vorgangs.
Hinweis: Der Slider hat standardmäßig zwei Demo-Bilder, aber du kannst so viele hochladen, wie du möchtest - sie werden zum Karussell hinzugefügt.
Zuschneiden des Slider-Bildes
Wenn dein Bild nicht ideal in den Rahmen passt, kannst du es direkt im Sitebuilder zuschneiden. Verwende das Symbol Zuschneiden in der Bild-Steuerleiste, um dein Bild zuzuschneiden.
Das Zuschneiden-Symbol ermöglicht es dir auch, die Position des Bildes und seinen Fokuspunkt innerhalb des Containers anzupassen. Finde die vollständigen Anweisungen in unserem speziellen Artikel dazu.
Ändern der Größe des Galerie-Sliders
Mit dem Sitebuilder kannst du die Größe des Sliders ändern, um ihm ein einzigartiges Aussehen zu verleihen. Die Größenänderung wird aktiviert, wenn du darauf klickst, und du kannst sie nach oben und unten ziehen, das Layout passt sich automatisch für alle Bilder im Slider an.
Hinweis: Du kannst nur die Höhe des Sliders ändern. Die Breitenanpassung ist nicht aktiv, um die Reaktionsfähigkeit des Designs zu erhalten.
Anpassen der Medieneinstellungen
Eine weitere hilfreiche Schaltfläche in der Bild-Steuerleiste ist Medieneinstellungen.
Neben dem Zuschneiden und Ersetzen deines Bildes ermöglicht dir das Menü Medieneinstellungen im Slider Folgendes:
- Bilddetails, Alternativtext und Beschreibung hinzufügen
- Klicken Sie auf Aktion für das Bild aktivieren
- Lösche die Bilder aus der Galerie.
Slider-Einstellungen
Das letzte Symbol in der Bild-Steuerleiste sind die Slider-Einstellungen.
Hier kannst du folgendes verwalten:
- Slider-Elemente: Wähle aus, welche Elemente im Slider angezeigt werden sollen
- Art der Übergang: Einblenden oder Ausblenden
- Slide-Optionen: Stelle deine Folien so ein, dass sie automatisch mit bestimmten Intervallen wechseln
- Automatischer Wechsel der Folie: Aktiviere oder deaktiviere ihn und setze die Zeit zwischen den Fotoübergängen fest
Wir empfehlen dir außerdem, diesen Abschnitt über die Verknüpfung zu lesen, da diese auch auf die Slider-Bilder anwendbar sind.