Verwende das Inhaltselement Bildergalerie, um mehrere Bilder in einem responsiven Raster darzustellen. Dies ist beispielsweise hilfreich, um deine Website, den Herstellungsprozess von Produkten oder dein Unternehmen zu präsentieren.
Info
Um mehrere großformatige Bilder im Wechsel anstatt einer Bildergalerie anzuzeigen, kannst du das Inhaltselement Image-Slider nutzen.Themen-Übersicht:
So fügst du eine Bildergalerie hinzu
- Navigiere im Hauptmenü des Administrationsbereichs zu Editor.
Der Editor öffnet sich. - Navigiere zu Seiten.
- Wähle die Seite aus, die du bearbeiten möchtest oder füge eine neue Seite hinzu.
Eine Vorschau der Seite wird rechts angezeigt. - Navigiere zu Inhaltselemente → Bilder.
- Ziehe das Inhaltselement Bildergalerie per Drag-and-drop an die gewünschte Position. Du kannst Inhaltselemente nur in den blauen Bereichen der Seite ablegen.
- Wähle Bilder hinzufügen.
Die Ansicht Bilder hinzufügen erscheint. - Ziehe die Bilder entweder auf das Feld Bilder hinzufügen oder wähle Bilder hinzufügen, um Bilder von deinem Gerät hochzuladen.
Hinweis
Du kannst der Gallerie bis zu 24 Bilder zuweisen. - Sobald alle Bilder hochgeladen wurden, wähle Speichern.
Wenn Probleme auftreten, siehe Fehlerbehebung.
Du hast eine Bildergalerie zu deiner Website hinzugefügt.
Hinweis
Das Raster passt sich der Anzahl der Bilder und deren Seitenverhältnissen an. Die Galerie ist responsiv: Die Anzahl der Spalten und Zeilen variiert je nach Bildschirmgröße, die Reihenfolge der Bilder bleibt jedoch gleich.So bearbeitest du eine Bildergalerie
Öffne die Bildergalerie im Editor, um Bilder hinzuzufügen, zu bearbeiten, zu ersetzen oder zu löschen.
Vorsicht
Wenn du die Anzahl der Bilder oder deren Seitenverhältnisse änderst, wird das Rasterlayout angepasst.Bilder hinzufügen
Du kannst Bilder einer bestehenden Galerie hinzufügen. Eine Galerie unterstützt bis zu 24 Bilder.
- Fahre mit der Maus über die Bildergalerie und wähle
.
Die Ansicht Bildergalerie bearbeiten erscheint. In der linken unteren Ecke kannst du sehen, wie viele Bilder bereits hinzugefügt wurden. - Wähle unterhalb der hochgeladenen Bilder den Link Bilder hinzufügen und wähle die zusätzlichen Bilder von deinem Gerät aus.
- Wähle nach Abschluss des Uploads Speichern.
Wenn Probleme auftreten, siehe Fehlerbehebung.
Du hast Bilder zur Bildergalerie hinzugefügt.
Bilder bearbeiten
Du kannst auch einen alternativen Text und einen Link zu jedem Bild einer Bildergalerie hinzufügen. Außerdem kannst du einzelne Bilder austauschen.
- Fahre mit der Maus über die Bildergalerie und wähle
Die Ansicht Bildergalerie bearbeiten erscheint. - Fahre mit der Maus über ein Bild und wähle
.
- Hier hast du die folgenden Optionen:
Option Beschreibung Bild ändern Ersetze das Bild, indem du in der oberen rechten Ecke des Fensters wählst. Du kannst dann ein neues Bild von deinem Gerät auswählen, das du stattdessen hinzufügen möchtest.
Alternativer Text Füge einen alternativen Text für das jeweilige Bild hinzu. Info
Ein Alternativtext ist eine Beschreibung des Bildes, die für SEO-Zwecke genutzt, von Screenreadern vorgelesen oder angezeigt wird, falls das Bild nicht dargestellt werden kann. Verwenden Sie eine kurze, aber aussagekräftige Beschreibung, z. B. „Zwei weiße Blumentöpfe auf einem dekorierten Tisch“.Link Füge eine URL hinzu oder verwende die Link-Auswahl. Wenn Kunden das Bild auswählen, werden sie zum Link weitergeleitet. So kannst du Bilder als Buttons verwenden.
- Der Link ist auf dem Bild nicht sichtbar.
- Kunden können jede beliebige Stelle des Bildes wählen, um den Link zu öffnen.
- Der Link wird nur für das jeweilige Bild hinzugefügt, nicht für die gesamte Bildergalerie.
Interner Link:
Wähle Seiten oder Produkte und wählen den gewünschten Eintrag aus. Du kannst auch das Suchfeld Link eingeben oder Seite/Produkt suchen verwenden, um leichter das gewünschte Element zu finden.Hinweis
Du kannst nur Links zu veröffentlichten Produkten erstellen. Befindet sich ein Produkt noch im Entwurfsstatus, musst du es zunächst veröffentlichen, bevor du es verlinken kannst.Externer Link:
Gebe eine vollständige URL im Feld Link eingeben oder Seite/Produkt suchen ein.Bestätige mit
.
Um den Link zu entfernen, wähle
.
Link in neuem Tab öffnen Optional: Aktiviere die Checkbox Link in neuem Tab öffnen, um den Link in einem neuen Browser-Tab zu öffnen. Ohne diese Option wird der Link im aktuellen Tab geöffnet.
Wir empfehlen, diese Checkbox zu aktivieren, wenn du einen Link zu einer externen Seite hinufügst, z. B. zu einem YouTube-Video. So können deine Kunden einfach durch Tab-Wechsel wieder zu deiner Website zurückkehren.
- Wähle Übernehmen.
- Sobald du fertig bist, wähle Speichern.
Du hast die Bildergalerie aktualisiert.
Bilder löschen
Du kannst auch einzelne Bilder aus einer Bildergalerie löschen.
- Fahre mit der Maus über die Bildergalerie und wähle
Die Ansicht Bildergalerie bearbeiten erscheint. - Fahre mit der Maus über ein Bild und wähle
.
- Wähle Speichern.
Du hast das Bild aus der Bildergalerie gelöscht.
Fehlerbehebung
Der folgende Abschnitt enthält Informationen zu möglichen Problemen/Fehlern während des Hinzufügens von Bildern zur Bildergalerie und erklärt, wie du sie beheben kannst.
Nicht unterstütztes Bildformat (verwenden Sie JPG, PNG oder GIF)
Deine Website unterstützt die folgenden Dateiformate JPG, PNG und GIF. Daher musst du das Dateiformat deines Bildes ändern, um es auf deiner Website hochladen zu können, wenn deine Bilder nicht in einem dieser Formate sind. Weitere Informationen findest du unter Erfahre mehr über Dateiformate für Bilder.
Dateigröße überschreitet 20 MB
Wenn die Dateigröße eines Bildes 20 Megabyte (MB) überschreitet, hast du zwei Optionen:
Option 1: Das Dateiformat des Bildes ändern
Du kannst auf deiner Website Bilder im JPG-, PNG- oder GIF-Format hochladen. Diese Formate haben unterschiedliche Eigenschaften, die auch die Dateigröße beeinflussen. Daher ist es möglich, dass eine Änderung des Dateiformats die Dateigröße des Bildes reduziert. Weitere Informationen findest du unter Erfahre mehr über Dateiformate für Bilder.
Option 2: Das Bild komprimieren
Du kannst Bilder komprimieren, um so die Dateigröße zu reduzieren (z. B. indem du die Auflösung reduzierst). Dazu kannst du einfache Bildbearbeitungsprogramme nutzen, z. B. wenn du das Bild auf deinem Gerät öffnest. Weitere Informationen dazu findest du in der Hilfe des ausgewählten Programms. Als Alternative gibt es auch verschiedene kostenlose Online-Programme, die du nutzen kannst.
Beacht, dass die Bildqualität beeinträchtigt werden kann, wenn du das Bild komprimierst.
Speichern-Button ist ausgegraut und kann nicht gewählt werden
Es gibt zwei mögliche Ursachen für einen ausgegrauten Speichern-Button.
Ursache 1: Bilder wurden noch nicht vollständig hochgeladen
Abhängig davon, wie viele Bilder du gleichzeitig zur Bildergalerie hochladen möchtest und wie groß die Bilder sind, kann das Hochladen der Bilder einen Moment dauern. Du siehst eine Fortschrittsanzeige auf jedem Bild, das noch nicht vollständig hochgeladen wurde. Sobald alle Bilder hochgeladen wurden, kannst du Speichern wählen.
Ursache 2: Du hast mehr als 24 Bilder hochgeladen
Du kannst maximal 24 Bilder zu deiner Bildergalerie hinzufügen. Um deine Änderungen speichern zu können, musst du Bilder löschen. Sobald deine Bildergalerie 24 Bilder oder weniger enthält, kannst du Speichern wieder wählen.
GIF überschreitet die maximal erlaubte Bildrate (Frame-Rate)
Du kannst GIFs zu Bild-Inhaltselementen hinzufügen, diese dürfen jedoch aus nicht mehr als 100 Frames (Einzelbildern) bestehen. Es gibt kostenlose Online-Tools, die dir dabei helfen können, die Frames eines GIFs zu reduzieren. Weitere Informationen zu GIFs findest du unter Erfahre mehr über Dateiformate für Bilder.
Bildauflösung ist zu hoch
Deine Website unterstützt Bilder mit einer maximalen Höhe und Breite von je 7000 Pixeln.
Wenn dein Bild diese Auflösung überschreitet, kannst du die Auflösung mit Hilfe von einfachen Bildbearbeitungsprogrammen reduzieren, z. B. wenn du das Bild auf deinem Gerät öffnest. Weitere Informationen dazu findest du in der Hilfe des ausgewählten Programms. Als Alternative gibt es auch verschiedene kostenlose Online-Programme, die du nutzen kannst.
Beachte, dass die Bildqualität beeinträchtigt werden kann, wenn du die Auflösung eines Bildes reduzierst.