Mit dem Inhaltselement Bildergalerie kannst du mehrere Bilder auf einmal in einer Gitterstruktur präsentieren. Das kann beispielsweise hilfreich sein, um deinen Besuchern einen Eindruck von deinem Ladengeschäft, dem Herstellungsprozess deiner Produkte oder deinem Unternehmen im Allgemeinen zu geben.
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
- So nimmst du Änderungen an einer Bildergalerie vor
- Fehlerbehebung
So fügst du eine Bildergalerie hinzu
So fügst du eine Bildergalerie zu einer Seite hinzu und legst fest, welche Bilder du präsentieren möchtest:
- In der Seitenleiste deines Cockpits, navigiere zu Editor.
Der Editor öffnet sich. - Navigiere zu Seiten.
- Wähle die Seite aus, die du bearbeiten möchtest oder füge eine neue hinzu.
Eine Vorschau der Seite wird rechts angezeigt. - Navigiere zu Inhaltselemente → Bilder.
- Wähle die Kategorie Galerie.
- Ziehe das Inhaltselement Bildergalerie per Drag-and-drop an die gewünschte Stelle
Du kannst Inhaltselemente nur in den blauen Bereichen der Seite ablegen. - Wähle Bilder hinzufügen.
Die Ansicht Bilder hinzufügen erscheint. Hier kannst du bis zu 24 Bilder zur Bildergalerie hinzufügen. - Ziehe die Bilder entweder per Drag-and-drop auf die Ansicht Bilder hinzufügen oder wähle die Bilder von deinem Gerät aus, indem du Bilder hinzufügen wählst.
- Sobald alle Bilder hochgeladen wurden, wähle Speichern.
Wenn während des Speicherns oder des Hinzufügens der Bilder Probleme auftreten sollten, findest du weitere Informationen unter Fehlerbehebung.
Du hast die Bildergalerie zu deiner Website hinzugefügt.
Die Gitterstruktur deiner Bildergalerie hängt stark von den hinzugefügten Bildern ab. Die Bildergalerie wurde nämlich so entwickelt, dass deine Bilder immer bestmöglich dargestellt werden. Die Gitterstruktur basiert daher auf der Anzahl und dem Seitenverhältnis der hinzugefügten Bilder.
Außerdem hat die Bildergalerie ein responsives Design, was bedeutet, dass die Gitterstruktur deiner Bildergalerie an die Bildschirmgröße der von deinen Besuchern genutzten Geräte anpasst wird. Die Anzahl der Spalten und Reihen kann daher variieren, aber deine Bilder werden immer in derselben Reihenfolge angezeigt.
So nimmst du Änderungen an einer Bildergalerie vor
Um Änderungen an einer Bildergalerie vorzunehmen, öffne zunächst die Seite mit der entsprechenden Bildergalerie im Editor. Dort kannst du weitere Bilder hinzufügen, bereits hochgeladene Bilder bearbeiten und ersetzen, sowie Bilder aus einer Bildergalerie löschen.
Caution
Beachte, dass das Hinzufügen/Bearbeiten/Löschen von Bildern die Gitterstruktur deiner Bildergalerie verändert, da diese auf der Anzahl der hinzugefügten Bilder und deren Seitenverhältnis basiert.Bilder hinzufügen
Du kannst jederzeit Bilder zu einer bestehenden Bildergalerie hinzufügen. Denke jedoch daran, dass du nicht mehr als 24 Bilder hinzufügen kannst.
- Wähle die Bildergalerie oder bewege deine Maus darüber und wähle
in der oberen rechten Ecke.
Die Ansicht Bildergalerie bearbeiten erscheint. In der unteren linken Ecke der Ansicht kannst du sehen, wie viele Bilder du bereits hinzugefügt hast. - Wähle unter den bereits hinzugefügten Bildern den Link Bilder hinzufügen und wähle die Bilder von deinem Gerät aus, die du zusätzlich hinzufügen möchtest.
- Sobald alle Bilder hochgeladen wurden, wähle Speichern.
Wenn während des Speicherns oder des Hinzufügens der Bilder Probleme auftreten sollten, findest du weitere Informationen unter 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.
- Wähle die Bildergalerie oder bewege deine Maus darüber und wähle
Die Ansicht Bildergalerie bearbeiten erscheint. - Wähle das Bild, das du bearbeiten möchtest oder bewege deine Maus darüber 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 solcher Alternativtext ist eine Beschreibung des Bildes, die dann für SEO-Zwecke genutzt oder von Screenreadern gelesen werden kann. Außerdem wird der Alternativtext als Ersatz angezeigt, wenn das eigentliche Bild nicht dargestellt werden kann. Gib einen kurzen aber aussagekräftigen Text ein. Zum Beispiel: "Zwei weiße Blumentöpfe auf einem dekorierten Tisch".Link Wenn du einen Link zu deinem Bild hinzufügen möchtest, füge ihn in dieses Feld ein. Wenn Besucher das entsprechende Bild auswählen, werden sie zu diesem Link weitergeleitet. Auf diese Weise kannst du Bilder als Buttons verwenden.
Der Link ist auf dem Bild nicht sichtbar. Um den hinzugefügten Link zu öffnen, können Besucher einen beliebigen Teil des Bildes wählen.
Beachte, dass der Link nur zu dem jeweiligen Bild und nicht zur ganzen Bildergalerie hinzugefügt wird.
- Wenn du ein internes Produkt/eine interne Seite verlinken möchtest, wähle Seiten oder Produkte. Hier kannst du das gewünschte Element auswählen, auf das du verlinken möchtest.
Alternativ kannst du auch Suchbegriffe in das Feld Link eingeben oder Seite/Produkt suchen eingeben, um leichter das gewünschte Element zu finden.Hinweis
Du kannst nur auf veröffentlichte Produkte verlinken. Wenn sich ein Produkt noch im Entwurfsstadium befindet, musst du es zunächst veröffentlichen, bevor du darauf verlinken kannst. - Wenn du einen Link zu einer externen Seite hinzufügen möchtest, füge den Link in das Feld Link eingeben oder Seite/Produkt suchen ein.
Bestätige, indem du
rechts neben dem Link-Feld wählst.
Um den Link nicht mehr zu verwenden, wähle
rechts neben dem Link-Feld.
Link in neuem Tab öffnen Wenn du einen Link hinzugefügt hast, kannst du optional die Checkbox Link in neuem Tab öffnen aktivieren. Der Link wird dann in einem neuen Tab geöffnet, wenn Besucher das Bild wählen.
Wenn du die Checkbox nicht aktivierst, wird der Link im aktuellen Tab der Besucher geöffnet.
Wir empfehlen, die Checkbox zu aktivieren, wenn du einen Link zu einer externen Seite, z. B. einem YouTube-Video, eingegeben hast. Auf diese Weise haben deine Besucher die Möglichkeit, ganz einfach zurück zu deiner Website zu gelangen, indem sie den Tab wechseln.
- Wenn du ein internes Produkt/eine interne Seite verlinken möchtest, wähle Seiten oder Produkte. Hier kannst du das gewünschte Element auswählen, auf das du verlinken möchtest.
- 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.
- Wähle die Bildergalerie oder bewege deine Maus darüber und wähle
Die Ansicht Bildergalerie bearbeiten erscheint. - Wähle das Bild, das du löschen möchtest oder bewege deine Maus darüber 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.
Die Bilder sind nicht im JPG-, PNG- oder GIF-Format
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.
Die Dateigröße eines Bildes ü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.
Der Speichern-Button ist ausgegraut und kann nicht gewählt werden
Es gibt zwei mögliche Ursachen für einen ausgegrauten Speichern-Button.
Ursache 1: Deine 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.
Ein 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.
Die Auflösung eines Bildes 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.