Wie man eine Bildergalerie in WordPress erstellt (Schritt für Schritt)

Sie möchten eine Bildergalerie in WordPress erstellen?

In einer Bildergalerie können Sie Fotos in Zeilen und Spalten hinzufügen. Auf diese Weise können Sie mehr Fotos auf weniger Platz anzeigen und den Nutzern das Durchsuchen der Fotos erleichtern.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach eine Bildergalerie in WordPress erstellen können, die Ihre Fotos noch besser aussehen lässt.

Warum eine Bildergalerie in WordPress erstellen?

Mit WordPress können Sie Ihren Blogbeiträgen und Seiten ganz einfach ein Bild hinzufügen. Sie müssen nur den Bildblock hinzufügen und Ihr Bild hochladen.

Wenn Sie jedoch mehrere Bilder zu Ihrer WordPress-Website hinzufügen, werden sie nacheinander angezeigt. Das sieht nicht gut aus, und Ihre Benutzer müssen viel scrollen, um sie alle anzuzeigen.

Wenn Sie eine Galerie erstellen, können Sie Bilder in einem Raster-Layout mit Spalten und Zeilen anzeigen. Sie können Vorschaubilder für Ihre Bilder anzeigen, und Benutzer können darauf klicken, um das vollständige Bild zu sehen.

Auf diese Weise können Sie mehr Fotos auf weniger Raum zeigen, und es wird viel professioneller aussehen.

Wenn Sie zum Beispiel eine Fotografie-Website erstellen, um Ihre Bilder zu präsentieren, können Sie eine Fotogalerie hinzufügen, um Ihre Arbeit auf ästhetisch ansprechende Weise zu zeigen.

Mit WordPress können Sie ganz einfach eine Bildergalerie erstellen, indem Sie den Galerie-Block im Gutenberg-Block-Editor verwenden.

Sie können auch WordPress-Galerie-Plugins verwenden, um noch bessere Galerien mit mehr Funktionen zu erstellen.

Sehen wir uns nun an, wie man in WordPress ganz einfach eine Bildergalerie erstellen kann.

In diesem Tutorial zeigen wir Ihnen zwei Methoden zur Erstellung einer Galerie. Sie können die Links unten verwenden, um zu der Methode Ihrer Wahl zu springen:

Video-Anleitung

Subscribe to WPBeginner

Wenn Sie eine schriftliche Anleitung bevorzugen, lesen Sie weiter.

Methode 1: Erstellen einer Bildergalerie mit dem WordPress Block Editor

Mit dieser Methode können Sie eine Galerie mit dem Block-Editor von WordPress erstellen. Beachten Sie jedoch, dass diese Funktion sehr einfach ist und nicht viele Optionen zur individuellen Anpassung bietet.

Zunächst müssen Sie in der WordPress-Admin-Seitenleiste einen bestehenden oder neuen Beitrag/eine neue Seite öffnen, auf der Sie die Galerie erstellen möchten.

Wenn Sie dort sind, klicken Sie einfach auf die Schaltfläche „+“ in der oberen linken Ecke des Bildschirms. Von hier aus suchen Sie den Galerie-Block und fügen ihn der Seite oder dem Beitrag hinzu.

Klicken Sie anschließend auf die Schaltfläche „Hochladen“, um neue Bilddateien von Ihrem Computer hochzuladen.

Wenn Sie jedoch Bilder aus der Medienbibliothek hochladen möchten, müssen Sie stattdessen auf die Schaltfläche „Medienbibliothek“ klicken.

Wenn Sie auf die Schaltfläche „Hochladen“ klicken, können Sie in der Regel jeweils ein Foto vom Computer hochladen.

Sie können jedoch mehrere Bilder auswählen und öffnen, indem Sie die Strg-Taste auf Ihrer Tastatur gedrückt halten.

Nachdem Sie alle Bilder hochgeladen haben, können Sie Bildunterschriften hinzufügen, indem Sie auf das Symbol „Bildunterschrift hinzufügen“ in der Werkzeugleiste am oberen Rand der einzelnen Bilder klicken.

Sie können auch Alt-Text zu den Bildern aus dem Block-Panel auf der rechten Seite hinzufügen.

Wenn Sie die Schaltfläche „Medienbibliothek“ wählen, können Sie mehrere Bilder auf einmal für Ihre Galerie auswählen.

Wenn Sie Bilder auswählen, können Sie auch den Alt-Text, den Titel und die Beschriftung des Bildes im Detailbereich des Anhangs auf der rechten Seite eingeben.

Wenn Sie alle Bilder hinzugefügt haben, klicken Sie einfach auf die Schaltfläche „Eine neue Galerie erstellen“.

Dadurch werden Sie auf die Seite „Galerie bearbeiten“ in der Medienbibliothek weitergeleitet.

Von hier aus können Sie einzelne Bilder auswählen und ihnen eine Beschriftung, einen Titel, eine Beschreibung oder einen Alt-Text hinzufügen.

Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche „Galerie einfügen“ in der rechten unteren Ecke.

Die von Ihnen erstellte Bildergalerie wird nun zum WordPress-Editor hinzugefügt.

Sie können ihn auch weiter anpassen, indem Sie den Galerie-Block auswählen und seine Einstellungen im Block-Panel auf der rechten Seite konfigurieren.

So können Sie beispielsweise mit dem Schieberegler „Spalten“ die Anzahl der Spalten und Zeilen für Ihre Galerien festlegen.

Sie können sogar den Schalter „Bild zuschneiden“ betätigen, um die Miniaturbilder zur besseren Ausrichtung zuzuschneiden.

Bei den Optionen für „Link zu“ können Sie „Keine“ wählen, wenn Sie möchten, dass Ihre Nutzer nur Ihr Foto sehen können. Mit dieser Option wird die Klickfunktion für Ihre Bilder deaktiviert.

Wenn Sie jedoch die Option „Mediendatei“ wählen, können die Bilder angeklickt werden, und die Bilddatei wird geöffnet, wenn Sie darauf klicken. Ebenso wird die Seite mit den Anhängen geöffnet, wenn Sie die Option „Seite mit Anhängen“ wählen.

Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie oben auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, um Ihre Einstellungen zu speichern.

Schließlich können Sie Ihr WordPress-Blog besuchen, um die Bildergalerie in Aktion zu sehen.

Sie haben nun ganz einfach eine Bildergalerie für Ihre Website erstellt. Allerdings werden Sie bald feststellen, dass ihr einige wesentliche Funktionen fehlen.

Zum Beispiel sind Ihre Bilder entweder nicht anklickbar oder öffnen sich auf einer neuen Seite. Wenn Sie Ihre Galerien mit der Mediendatei oder der Seite mit den Anhängen verlinken, müssen die Benutzer auf den Zurück-Button klicken, um die Galerie erneut anzuzeigen.

Dies ist nicht benutzerfreundlich und kann die Nutzer davon abhalten, Ihre Website weiter zu erkunden.

Auch das Aussehen der Galerie hängt von dem von Ihnen verwendeten WordPress-Theme ab.

Außerdem können Sie Ihre Galerien nicht in Alben, Themen, Tags und mehr organisieren. Ihre Galerie wird nirgendwo gespeichert, und wenn Sie dieselbe Galerie erneut hinzufügen möchten, müssen Sie sie neu erstellen.

Wenn Sie professionellere Galerien hinzufügen möchten, sollten Sie die nächste Methode verwenden.

Methode 2: Erstellen einer Bildergalerie mit Envira Gallery (empfohlen)

Wenn Sie eine funktionellere und ästhetisch ansprechendere Bildergalerie für Ihre WordPress-Website erstellen möchten, dann ist diese Methode genau das Richtige für Sie.

Wir werden das Envira Gallery Plugin verwenden, da es das beste WordPress Plugin für Bildergalerien auf dem Markt ist.

Mit Envira können Sie ganz einfach vollständig responsive, schöne und moderne Bildergalerien in WordPress erstellen. Es ist superschnell und verfügt über viele Funktionen wie ein Lightbox-Popup, eine einfache Bildnavigation, einen Drag-and-Drop-Builder und professionelle Galerievorlagen.

Zunächst müssen Sie das Envira Gallery Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie im WordPress-Dashboard auf die Seite Envira Gallery “ Einstellungen, um Ihren Lizenzschlüssel einzugeben.

Sie können diesen Schlüssel über Ihr Konto auf der Envira Gallery Website abrufen.

Nachdem Sie Ihren Lizenzschlüssel verifiziert haben, können Sie die Seite Envira Gallery “ Add New in der WordPress-Seitenleiste aufrufen, um mit der Erstellung Ihrer ersten Galerie zu beginnen.

Geben Sie dort einen Titel für Ihre Galerie ein und klicken Sie dann auf die Schaltfläche „Dateien vom Computer auswählen“, um Ihre Bilder hochzuladen.

Sie können auch Bilder aus Ihrer WordPress-Mediathek hochladen, indem Sie auf die Schaltfläche „Dateien aus anderen Quellen auswählen“ klicken.

Beachten Sie, dass Sie bei dieser Option jeweils nur ein einziges Bild aus der Mediathek hochladen können.

Nachdem Sie die Bilder hochgeladen haben, scrollen Sie nach unten zum Abschnitt „Galerie“, wo nun alle Ihre Fotos erscheinen.

Anschließend können Sie auf das Bleistiftsymbol oben auf jedem Bild klicken, um die Eingabeaufforderung „Metadaten bearbeiten“ auf dem Bildschirm zu öffnen.

Von hier aus können Sie die Bildunterschrift, den Status, den Titel und den Alternativtext für einzelne Bilder hinzufügen.

Wenn Sie fertig sind, vergessen Sie nicht, auf die Schaltfläche „Metadaten speichern“ zu klicken, um Ihre Bildunterschriften zu speichern.

Als nächstes müssen Sie in der linken Seitenleiste auf die Registerkarte „Konfiguration“ klicken.

Von hier aus können Sie das Layout Ihrer Galerie ändern, einschließlich der Anzahl der Spalten, des trägen Ladens von Bildern, der Bildgröße, der Positionierung des Titels und der Beschriftung, der Ränder, der Höhe, der Größe der Miniaturbilder, der Bildabmessungen und mehr.

Wechseln Sie dann in der linken Seitenleiste zur Registerkarte „Leuchtkasten“ und aktivieren Sie die Option „Leuchtkasten aktivieren“.

Mit dieser Option können Benutzer Bilder vergrößern und durchsuchen, ohne die Seite zu verlassen.

Sie können die anderen Standardeinstellungen beibehalten, da sie für die meisten Websites sehr gut geeignet sind, aber Sie können die Optionen überprüfen und ändern, wenn Sie möchten.

Klicken Sie anschließend auf die Registerkarte „Mobil“, um Ihre Galerieeinstellungen für mobile Geräte zu konfigurieren.

Von hier aus können Sie die Bildgröße für mobile Geräte wählen, den Leuchtkasten aktivieren oder deaktivieren, Bildunterschriften aktivieren/deaktivieren und vieles mehr.

Danach können Sie weitere Optionen wie Galerie-Slug und das Hinzufügen von benutzerdefiniertem CSS im Abschnitt „Verschiedenes“ überprüfen.

Wenn Sie mit Ihren Einstellungen zufrieden sind, klicken Sie einfach oben auf die Schaltfläche „Veröffentlichen“, um Ihre Änderungen zu speichern.

Als Nächstes müssen Sie einen Beitrag oder eine Seite öffnen, in die Sie Ihre Galerie einbetten möchten.

Klicken Sie dann auf die Schaltfläche „+“ in der oberen linken Ecke des Bildschirms, um das Blockmenü zu öffnen.

Als Nächstes suchen Sie einfach den Envira-Galerie-Block und fügen ihn der Seite oder dem Beitrag hinzu.

Sobald Sie das getan haben, müssen Sie Ihre Bildergalerie aus dem Dropdown-Menü im Envira-Galerie-Block hinzufügen.

Klicken Sie schließlich oben auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu speichern.

Jetzt können Sie Ihre Bildergalerie auf Ihrer WordPress-Website anzeigen.

Hier werden Sie feststellen, dass ein Klick auf ein Bild in der Galerie es in voller Größe mit dem Leuchtkasteneffekt öffnen wird.

Sie können die Bilder in diesem Popup auch durch Drücken der linken und rechten Pfeiltaste auf dem Bildschirm oder Ihrer Tastatur durchblättern.

Bonus: Optimieren Sie Galeriebilder für Suchmaschinen

Es ist wichtig, alle Bilder Ihrer Galerie zu optimieren, ohne die Webqualität zu beeinträchtigen, damit die Suchmaschinen sie für die richtigen Schlüsselwörter indizieren können.

Dies kann dazu beitragen, die Ladegeschwindigkeit Ihrer Seite zu erhöhen, die Benutzerfreundlichkeit zu verbessern, die Verbreitung in sozialen Medien zu steigern und organischen Traffic auf Ihre Website zu bringen.

Sie können Ihre Galerien ganz einfach optimieren, indem Sie auf der Seite mit den Anhängen einen Alt-Text hinzufügen. Diese Beschreibung wird den Suchmaschinen-Crawlern angezeigt und verhilft Ihren Galerien zu einer besseren Platzierung.

Zusätzlich können Sie auch All in One SEO verwenden, das beste WordPress SEO Plugin auf dem Markt.

Es wird mit einem Bild-SEO-Addon geliefert, das automatisch Ihren Alt-Text, Bildtitel, Beschriftungen und mehr einstellt. Es fügt auch eine richtige Bild-Sitemap und andere SEO-Funktionen hinzu, um Ihr SEO-Ranking zu verbessern.

Weitere Informationen finden Sie in unserem Bericht über AIOSEO.

Außerdem sollten Sie beschreibende Dateinamen für Ihre Bilder verwenden, relevante Schlüsselwörter benutzen und Ihre Galerien in den sozialen Medien teilen. Weitere Tipps finden Sie in unserem Leitfaden für Einsteiger zur Optimierung von Bildern für Suchmaschinen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man eine Bildergalerie in WordPress erstellt. Vielleicht interessieren Sie sich auch für unseren Vergleich zwischen WebP vs. PNG vs. JPEG: das beste Bildformat für WordPress und unsere Expertenauswahl der besten WordPress-Plugins für die Verwaltung von Bildern.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.