So erstellen Sie eine Bildergalerie in WordPress (Schritt für Schritt)

Der Versuch, eine Fotosammlung auf Ihrer WordPress-Website zu präsentieren, kann schnell umständlich werden. Wenn Sie sie nacheinander hinzufügen, sind Ihre Besucher zu endlosem Scrollen gezwungen, was Ihre Seiten unübersichtlich und unprofessionell aussehen lässt.

Eine Bildergalerie ist die perfekte Lösung. Sie organisiert Ihre Bilder übersichtlich in einem schönen Raster und ermöglicht es Ihnen, mehr Fotos auf weniger Raum anzuzeigen.

Bei WPBeginner haben wir aus erster Hand erfahren, wie eine gut gestaltete Galerie eine Website für Besucher ansprechender machen kann. Es ist eine einfache Änderung, die Ihr Portfolio, Ihre Produkte oder Ihre Blogbeiträge poliert und professionell aussehen lässt.

In dieser Anleitung führen wir Sie durch die einfache Erstellung einer Bildergalerie in WordPress, mit und ohne Plugin.

Warum eine Bildergalerie in WordPress erstellen?

WordPress macht es super einfach, ein Bild zu Ihren Blog-Beiträgen und Seiten hinzuzufügen. Sie müssen lediglich den Bildblock hinzufügen und Ihr Bild hochladen.

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

Das Erstellen einer Galerie ermöglicht es Ihnen, Bilder in einem Rasterlayout mit Spalten und Zeilen anzuzeigen. Sie können Miniaturansichten Ihrer 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 anzeigen, und es wird viel professioneller aussehen.

Wenn Sie beispielsweise eine Fotografie-Website erstellen, um Ihre Bilder zu präsentieren, können Sie mit einer Fotogalerie Ihre Arbeit auf ästhetisch ansprechende Weise darstellen.

Mit WordPress können Sie ganz einfach eine Bildergalerie mit dem Galerie-Block im Gutenberg-Blockeditor erstellen.

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

Nichtsdestotrotz sehen wir uns an, wie man einfach eine Bildergalerie in WordPress erstellt.

In diesem Tutorial zeigen wir zwei Methoden zum Erstellen einer Galerie. Sie können die untenstehenden Links verwenden, um zur gewünschten Methode zu springen:

1. Erstellen Sie eine Bildergalerie mit dem WordPress Block Editor
2. Erstellen Sie eine Bildergalerie mit Envira Gallery (empfohlen)
3. Bonus: Galeriebilder für Suchmaschinen optimieren
4. Video-Tutorial
5. Häufig gestellte Fragen zu Bildergalerien
6. Zusätzliche Ressourcen

Methode 1: Erstellen einer Bildergalerie mit dem WordPress Block Editor

Diese Methode dient zur Erstellung einer Bildergalerie mit dem WordPress-Blockeditor. Beachten Sie jedoch, dass diese Funktion sehr einfach ist und nicht viele Anpassungsoptionen bietet.

Zuerst müssen Sie einen vorhandenen oder neuen Beitrag/Seite öffnen, von dem aus Sie die Galerie aus der WordPress-Admin-Seitenleiste erstellen möchten.

Sobald Sie dort sind, klicken Sie einfach auf die Schaltfläche „+“ in der oberen linken Ecke des Bildschirms. Suchen und fügen Sie von hier aus den Galerieblock zur Seite oder zum Beitrag hinzu.

Wenn Sie dies getan haben, klicken Sie auf die Schaltfläche „Hochladen“, um neue Bilddateien von Ihrem Computer hochzuladen.

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

Wenn Sie von Ihrem Computer hochladen, können Sie mehrere Bilddateien gleichzeitig auswählen, indem Sie die Strg-Taste (Cmd auf dem Mac) gedrückt halten, während Sie darauf klicken.

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 Block-Symbolleiste über den einzelnen Bildern klicken.

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

Wenn Sie auf die Schaltfläche „Mediathek“ klicken, können Sie gleichzeitig mehrere Bilder für Ihre Galerie auswählen.

Während Sie Bilder auswählen, können Sie auch den alternativen Text, den Titel und die Bildunterschrift im Bedienfeld für die Anhangdetails auf der rechten Seite eingeben.

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

Dies leitet Sie zur Seite „Galerie bearbeiten“ im Medienbibliothek-Dialog weiter.

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

Wenn Sie fertig sind, klicken Sie einfach unten rechts auf die Schaltfläche „Galerie einfügen“.

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

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

Sie können beispielsweise den 'Spalten'-Schieberegler verwenden, um die Anzahl der Spalten und Zeilen für Ihre Galerien festzulegen.

Sie können sogar den Schalter „Bild zuschneiden“ umschalten, um die Miniaturansichten für eine bessere Ausrichtung zuzuschneiden.

Unter den Optionen „Verknüpfen mit“ können Sie „Keine“ wählen, wenn Ihre Benutzer nur Ihr Foto anzeigen sollen. Diese Option deaktiviert die Klickfunktion für Ihre Bilder.

Wenn Sie jedoch die Option „Mediendatei“ auswählen, sind die Bilder anklickbar und die Bilddatei wird beim Klicken geöffnet. Ebenso wird die Anhangseite geöffnet, wenn Sie die Option „Anhangseite“ auswä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 Ihren WordPress-Blog besuchen, um die Bildergalerie in Aktion zu sehen.

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

Wenn Sie beispielsweise Ihre Galeriebilder mit der Mediendatei oder der Anhangseite verknüpfen, entsteht eine schlechte Benutzererfahrung. Das Verknüpfen mit einer 'Mediendatei' öffnet das Bild im selben Browser-Tab und lenkt Besucher von Ihrer Seite ab, während das Verknüpfen mit einer 'Anhangseite' eine separate Seite für dieses Bild öffnet. In beiden Fällen müssen die Benutzer die Zurück-Schaltfläche verwenden, um zur Galerie zurückzukehren.

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

Ebenso hängt das Erscheinungsbild der Galerie auch vom WordPress-Theme ab, das Sie verwenden.

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

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

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

Wenn Sie eine funktionalere 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-Bildergalerie-Plugin auf dem Markt ist.

Envira ermöglicht es Ihnen, ganz einfach voll responsive, schöne und moderne Bildergalerien in WordPress zu erstellen. Es ist super schnell und kommt mit vielen Funktionen wie einem Lightbox-Popup, einfacher Bildnavigation, einem Drag-and-Drop-Builder und professionellen Galerie-Vorlagen.

Bevor wir das Plugin empfehlen, haben wir es auf unserer Demowebsite gründlich getestet und ausgezeichnete Ergebnisse erzielt. Envira Gallery ist anfängerfreundlich und responsiv, was es zu einer großartigen Wahl macht. Weitere Informationen finden Sie in unserem Envira Gallery Testbericht.

Zuerst müssen Sie das Plugin Envira Gallery installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Installation eines WordPress-Plugins.

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

Diesen Schlüssel erhalten Sie in Ihrem Konto auf der Envira Gallery-Website.

Nach der Überprüfung Ihres Lizenzschlüssels können Sie von der WordPress-Seitenleiste aus zur Seite Envira Gallery » Neu hinzufügen gehen, um mit der Erstellung Ihrer ersten Galerie zu beginnen.

Sobald Sie dort sind, geben Sie Ihrer Galerie einen Titel 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.

Nach dem Hochladen der Bilder scrollen Sie nach unten zum Abschnitt „Galerie“, wo nun alle Ihre Fotos angezeigt werden.

Als Nächstes können Sie auf das Bleistiftsymbol oben auf jedem Bild klicken, um die Aufforderung „Metadaten bearbeiten“ auf dem Bildschirm zu öffnen.

Von hier aus können Sie die Beschriftung, den Status, den Titel und den alternativen Text 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 auf den Reiter „Konfiguration“ in der linken Seitenleiste klicken.

Von hier aus können Sie das Layout Ihrer Galerie ändern, einschließlich der Anzahl der Spalten, Lazy Loading von Bildern, Bildgröße, Position von Titel und Bildunterschrift, Ränder, Höhen, Miniaturansichtgrößen, Bildabmessungen und mehr.

Wechseln Sie danach im linken Seitenmenü zum Tab „Lightbox“ und aktivieren Sie die Option „Lightbox aktivieren“.

Diese Option ermöglicht es Benutzern, Bilder zu vergrößern und sie zu durchsuchen, ohne die Seite zu verlassen.

Sie können die anderen Standardeinstellungen so belassen, wie sie sind, da sie für die meisten Websites sehr gut funktionieren. Sie können die Optionen jedoch überprüfen und bei Bedarf ändern.

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

Von hier aus können Sie Bildabmessungen für mobile Geräte auswählen, Lightbox aktivieren oder deaktivieren, Bildunterschriften aktivieren/deaktivieren und mehr.

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

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

Öffnen Sie als Nächstes einen Beitrag oder eine Seite, auf der Sie Ihre Galerie einbetten möchten.

Sobald Sie dort sind, klicken Sie auf die Schaltfläche '+' in der oberen linken Ecke des Bildschirms, um das Blockmenü zu öffnen.

Suchen und fügen Sie als Nächstes einfach den Envira Gallery-Block zur Seite oder zum Beitrag hinzu.

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

Klicken Sie abschließend 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 das Klicken auf jedes Bild in der Galerie es in voller Größe mit dem Lightbox-Effekt öffnet.

Sie können Bilder auch in diesem Popup durchsuchen, indem Sie die Pfeiltasten links und rechts auf dem Bildschirm oder Ihrer Tastatur drücken.

Bonus: Galeriebilder für Suchmaschinen optimieren

Um das Beste aus Ihrer neuen Galerie herauszuholen, sollten Sie Ihre Bilder für Suchmaschinen optimieren. Dies hilft Google und anderen Suchmaschinen, Ihre visuellen Inhalte für die richtigen Schlüsselwörter zu finden und zu ranken.

Richtig optimierte Bilder können die Geschwindigkeit Ihrer Website erhöhen und die Benutzererfahrung verbessern. Dies führt oft zu mehr Traffic und besserem Engagement auf Ihren Seiten.

Der einfachste Weg, dies zu tun, ist das Hinzufügen von beschreibendem Alt-Text zu jedem Bild. Dieser Text sagt den Crawlern von Suchmaschinen, worum es in Ihrem Bild geht, und hilft ihm, in den Bildsuchergebnissen zu ranken.

Für einen leistungsfähigeren Ansatz empfehlen wir die Verwendung von All in One SEO (AIOSEO). Es ist das beste WordPress-SEO-Plugin, das verfügbar ist, und nimmt Ihnen das Rätselraten bei der Bildoptimierung ab.

Hier bei WPBeginner verwenden wir AIOSEO auf unseren Websites. Sein Image-SEO-Modul generiert automatisch Alt-Texte aus Titeln und erstellt für uns eine eigene Bild-Sitemap, was uns viel Zeit spart.

Diese Funktionen helfen sicherzustellen, dass alle unsere Bilder perfekt für Suchmaschinen optimiert sind. Mehr erfahren Sie in unserem vollständigen AIOSEO-Testbericht.

Denken Sie neben dem Alternativtext daran, beschreibende Dateinamen und relevante Schlüsselwörter zu verwenden. Für eine ausführliche Erklärung lesen Sie unseren Leitfaden für Anfänger zur Optimierung von Bildern für Suchmaschinen.

Video-Tutorial

Wenn Sie visuell besser lernen, sollten Sie sich unser Video-Tutorial ansehen:

WPBeginner abonnieren

Häufig gestellte Fragen zu Bildergalerien

Nachdem wir Tausenden von Benutzern bei ihren WordPress-Websites geholfen haben, haben wir eine ganze Reihe von Fragen zu Bildergalerien beantwortet. Hier sind einige der häufigsten:

Verlangsamt eine große Bildergalerie meine Website?

Eine Galerie mit vielen großen, unkomprimierten Bildern kann Ihre Website verlangsamen. Es ist entscheidend, Ihre Bilder für das Web zu optimieren, bevor Sie sie hochladen, um die Ladezeiten Ihrer Seiten schnell zu halten.

Wir empfehlen auch die Verwendung eines Plugins mit Lazy-Loading-Funktion, wie z. B. Envira Gallery. Diese Funktion lädt Bilder nur, wenn sie auf dem Bildschirm des Benutzers sichtbar werden, was die Leistung erheblich verbessert.

Kann ich Videos zu meiner WordPress-Galerie hinzufügen?

Ja, Sie können ganz einfach Videogalerien erstellen. Während der Standard-WordPress-Block auf Bilder beschränkt ist, können Plugins wie Envira Gallery Videos von Quellen wie YouTube und Vimeo direkt in Ihre Galerien einfügen.

Wie kann ich meine Galerien in Alben organisieren?

Um mehrere Galerien in Alben zu organisieren, benötigen Sie ein spezielles Galerie-Plugin. Die Standard-WordPress-Galerie verfügt nicht über diese Funktion.

Envira Gallery bietet ein Albums-Addon, mit dem Sie Ihre Galerien einfach gruppieren können. Dies ist perfekt für Fotografen oder Unternehmen, die verschiedene Portfolios oder Produktkategorien präsentieren möchten.

Zusätzliche Ressourcen

Jetzt, da Sie wissen, wie man eine Bildergalerie erstellt, möchten Sie vielleicht auch diese anderen Anleitungen lesen, um die Verwaltung von Bildern auf Ihrer WordPress-Website weiter zu verbessern:

• Leitfaden für Anfänger zur Bild-SEO – Bilder für Suchmaschinen optimieren
• WebP vs. PNG vs. JPEG: Das beste Bildformat für WordPress
• Großartige WordPress-Plugins zur Verwaltung von Bildern

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.