Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

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.

How to create an image gallery in WordPress

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.

Images added with the Image block

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.

Image gallery preview

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:

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.

Upload images for the gallery

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.

Upload images from the computer

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.

Add caption for the uploaded image

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“.

Add images for the gallery from the media library

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.

Add captions in the Edit gallery page

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.

Configure gallery settings in the block panel

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.

Image gallery preview

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.

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.

Hinweis: Envira Gallery hat auch ein kostenloses Plugin, das Sie verwenden können. Für dieses Tutorial werden wir jedoch die Pro-Version verwenden, um mehr Funktionen freizuschalten.

Add the Envira Gallery license key

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.

Creating a New Gallery with Envira Gallery WordPress Plugin

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.

Images in Envira Gallery Builder

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.

Edit Gallery Image Metadata

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.

Edit gallery configuration settings

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.

Enable the lightbox

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.

Configure settings for gallery

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.

Miscellaneous gallery settings

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.

Add the Envira gallery block

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.

WordPress Photo Gallery Created with Envira Gallery

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.

Envira Gallery Image in the Lightbox Popup

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.

Add alt text with all your images

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.

All in One SEO website

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 Galerie in WordPress erstellt. Vielleicht interessiert Sie auch unser 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.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

147 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Chris says

    I just started using standard wordpress image galleries. When I add images to the gallery, if I do not have enough images to fill an entire row, the last row’s image is displayed at a size that allows the image to fill the full width of the container. So the default of 3 images per row applies until the row runs out of images, then I get a final row with a giant image. Is there a way to force every image to the same size so that the gallery just has all images the same size, regardless of whether the row it appears in is full?

    • WPBeginner Support says

      For that, you would want all of your images uploaded to be the same size and then you would uncheck the crop images checkbox that forces your images to align.

      Admin

  3. Roger Novak says

    Can separate clickable links be attached/embedded to each picture in a gallery that will take the viewer to another web site?

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.