Mit dem Widget „Bildergalerie“ können Sie ganz einfach mehrere Bilder zu Ihrer Website hinzufügen (oder einen Instagram-Feed verbinden; weitere Informationen finden Sie in diesem Artikels unter Einen professionellen Instagram-Feed verbinden). Bilder in der Bildergalerie lassen sich beim Anklicken in einer Lightbox-Galerie öffnen oder mit einer Seite auf Ihrer Website, einer Website-URL, einem Popup-Fenster, einem Anker, einer E-Mail-Adresse und vielem mehr verknüpfen. Sie können den einzelnen Bildern zudem Titel, Beschreibungen und Alternativtexte hinzufügen.
Dynamische Inhalte
Auf dieser widget können auch dynamische Seiten angezeigt werden.
Hinweis
Im Bereich Inhalt können die Inhalte für den widget verwaltet werden.
Optionen für die Einrichtung der Galerie
-
Um Links für Galeriebilder zu aktivieren, klicken Sie oben im Inhaltsfeld auf den Schalter Links für Galeriebilder aktivieren .
-
Dadurch wird die Lightbox-Funktion deaktiviert. Wenn ein Bild keinen Link hat, passiert nichts, wenn das Bild angeklickt wird.
-
-
Klicken Sie auf Instagram verbinden, um eine Verbindung zu einem professionellen Instagram-Konto herzustellen (nur Bilder werden angezeigt, Beiträge mit Videos sind nicht sichtbar). Professionelle Instagram-Konten umfassen sowohl Business- als auch Creator-Konten.
-
Klicken Sie auf Bild hinzufügen , um Bilder hinzuzufügen (es können mehrere gleichzeitig ausgewählt werden, um sie der Galerie hinzuzufügen). Folgende Optionen stehen zur Verfügung:
-
Wählen Sie aus den sofort verfügbaren Bildern aus.
-
Klicken Sie auf Vollansicht , um die Bildauswahl zu öffnen.
-
Klicken Sie auf das Plus-Symbol , um ein Bild hochzuladen.
Hinweis
-
Optionen für individuelle Bildeinstellungen
Klicken Sie auf ein Bild, um die Einstellungen aufzurufen.
-
Bild ersetzen.
-
Bearbeiten.
-
Position. Passen Sie an, welcher Teil des Bildes angezeigt wird.
-
Link bearbeiten. Dies ist nur sichtbar, wenn die Einstellung Links auf Galeriebildern aktivieren aktiviert ist. Wenn kein Link gesetzt ist, passiert nichts, wenn das Bild angeklickt wird.
-
Titel. Wenn ein Titel nicht gewünscht ist, klicken Sie auf das Augensymbol (
). Wenn kein Text eingegeben wurde, dieser aber sichtbar bleibt, bleibt der Abstand im widget und ist sichtbar.
-
Beschreibung. Wenn eine Beschreibung nicht gewünscht ist, klicken Sie auf das Augensymbol (
-
Schaltfläche. Wenn eine Schaltfläche nicht gewünscht ist, klicken Sie auf das Augensymbol (
-
Alternativtext. Geben Sie Ihren eigenen Alternativtext ein.
-
Um das Layout der Galerie zu ändern, klicken Sie auf die Registerkarte Layout . Sie haben folgende Möglichkeiten:
-
Klicken Sie auf das bestehende Layout, um weitere Designoptionen für Ihre Bildergalerie zu sehen. Layouts werden abhängig vom jeweiligen Gerät und der jeweiligen Ansicht verwaltet.
-
Text kann unter Bildern, auf dem hoveroder auf dem Bild hinzugefügt werden. Wählen Sie Text/Schaltfläche unter Bild, Text/Schaltfläche auf hoveroder Text/Schaltfläche auf Bild und wählen Sie dann eine Position für die Text/Schaltfläche.
-
Wählen Sie die Anzahl der Spalten in der Fotogalerie aus.
-
Um die Anzahl der Spalten automatisch anzupassen, um Leerzeichen zu vermeiden, klicken Sie auf den Schalter Spalten automatisch anpassen .
-
Wählen Sie aus, wie viele sichtbare Zeilen Sie anzeigen möchten.
-
-
Um Bilder zu konfigurieren, klicken Sie auf die Registerkarte Bilder . Sie haben folgende Möglichkeiten:
-
Ändern Sie die Bildhöhe und die Abstände zwischen den Bildern (für alle Bilder in der Galerie). Dies gilt jedoch nur für bestimmte Layouts.
-
Fügen Sie abgerundete Ecken hinzu.
-
Zeigen Sie das vollständige Bild in der Galerie an.
-
Schatten hinzufügen.
-
Ändern Sie den Hover-Effekt und die Animation des Bildes (verfügbar im neuen Widget).
-
Bildoptimierung deaktivieren.
Hinweis
Die Deaktivierung der Bildoptimierung kann sich auf die Geschwindigkeit und/oder die Leistung der Seite auswirken.
-
-
Um den Rahmen zu konfigurieren (z. B. eine Hintergrundfarbe hinzuzufügen oder den Rahmen anzupassen), klicken Sie auf die Registerkarte Rahmen .
-
Um Lazy Loading zu deaktivieren, klicken Sie auf den Schalter (dieser ist standardmäßig aktiviert, um die Seitengeschwindigkeit zu verbessern, indem Bilder nur geladen werden, wenn sie beim Scrollen sichtbar werden).
-
Um die Freigabeoption auszublenden, klicken Sie auf den Schalter Freigabebilder ausblenden . Dadurch wird die Freigabe entfernt, die Benutzer der Schaltfläche sehen, wenn sie auf ein Bild klicken.
-
-
Um die inneren und äußeren Abstände zu ändern, klicken Sie auf die Registerkarte Abstände.
Aufgrund einer Änderung durch Meta müssen alle Verbindungen, die vor Dezember 2024 hergestellt wurden, erneut verbunden werden.
Benutzer mit einem professionellen Instagram-Konto* (keine privaten oder persönlichen Konten) können einen Instagram-Feed zum Widget „Bildergalerie“ hinzufügen. Das Widget zeigt bis zu 100 Bilder aus Ihrem Feed an und wird automatisch aktualisiert, wenn neue Beiträge hinzugefügt werden. Wenn ein Instagram-Beitrag mehr als ein Bild enthält, wird nur das erste Bild dieses Beitrags im Widget „Bildergalerie“ angezeigt.
*Professionelle Instagram-Konten können entweder als „Business“ oder „Creator“ eingestellt sein. Erfahren Sie mehr über professionelle Instagram-Konten.
Hinweis
-
Es kann bis zu 2 Stunden dauern, bis aktualisierte Bilder angezeigt werden.
-
Nur Fotos werden angezeigt (Videos können nicht angezeigt werden) und zwar nur von Konten, die öffentlich und ein Business-Konto sind.
-
Pro Website darf nur ein Instagram-Konto angeschlossen werden.
-
Fotos für die Zusammenarbeit können nicht angezeigt werden.
-
Um das Konto zu ändern, öffnen Sie die verbundene Fotogalerie, klicken Sie auf "Trennen" und melden Sie sich mit dem neuen Konto an. Der Browser-Cache muss möglicherweise nach dem Trennen der Verbindung und vor dem Versuch, die Verbindung wiederherzustellen, geleert werden.
-
Kunden müssen Ihnen keine Benutzer- und Passwortinformationen geben. Sie können Kunden Widget-Inhaltsberechtigungen erteilen, damit sie sich selbst bei Instagram anmelden können.
Um einen professionellen Instagram-Feed mit dem Bildergalerie-Widget zu verbinden:
-
Fügen Sie das Widget „Bildergalerie“ zu Ihrer Website hinzu. Weitere Informationen finden Sie unter Widgets hinzufügen.
-
Klicke auf Instagram verbinden.
-
Geben Sie Ihre Instagram-Anmeldeinformationen ein und klicken Sie auf Anmelden.
-
Klicken Sie auf Autorisieren.
Wenn Sie eine Fehlermeldung beim Anmelden erhalten, gehen Sie in Ihrem Browser zu Instagram.com . Klicken Sie auf der Registerkarte Profil auf das Symbol Einstellungen , wählen Sie Abmelden aus, und stellen Sie dann die Verbindung mit dem widgetwieder her.
Bildunterschriften können angezeigt werden, wenn sie auf einem Bild hover werden. Um Bildunterschriften anzuzeigen, klicken Sie auf den Schalter Bildunterschriften anzeigen auf der Registerkarte Inhalt des widget Fotogalerie (standardmäßig ist der Schalter deaktiviert).
Sie können auch die Farbe, Größe und Schriftart des Textes sowie die Hintergrundfarbe der Bildunterschriften auf der Registerkarte Design ändern.
Hinweis
Diese Funktionalität kann nur auf dem Desktop verwendet werden, da die Hover-Funktionalität für mobile Geräte nicht zur Verfügung steht.
So verbinden Sie Instagram wieder korrekt mit dem Bildergalerie-Widget:
-
Klicken Sie im Editor widget auf das Fotogalerie, um den Inhaltseditor zu öffnen.
-
Um das widget von Instagramzu trennen, klicken Sie auf Trennen.
-
Schließen Sie den Editor.
-
Gehen Sie zu https://www.instagram.com/ und melden Sie sich direkt bei Instagram ab.
-
Öffnen Sie ein Inkognito-Fenster, gehen Sie zum Editor und verbinden Sie Instagram wieder mit dem Bildergalerie-Widget.
Wenn Ihre Instagram-Verbindung unterbrochen wird, ist Ihr Authentifizierungs-Token möglicherweise abgelaufen und Sie müssen das Bildergalerie-Widget erneut mit Instagram verbinden und Ihre Anmeldeinformationen erneut autorisieren.
So verbinden Sie das Bildergalerie-Widget erneut mit Instagram: