Free cookie consent management tool by TermsFeed Wie man eine Bildergalerie in WordPress erstellt (Schritt für Schritt) - DrDomains Blog

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

Sie möchten eine Bildergalerie in WordPress erstellen? Mit einer Bildergalerie können Sie Fotos in Reihen und Spalten hinzufügen. Auf diese Weise können Sie mehr Fotos auf weniger Platz anzeigen und gleichzeitig das Durchsuchen der Fotos für die Benutzer 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?

WordPress macht es super einfach, ein Bild zu Ihren Blogbeiträgen und Seiten hinzuzufügen.

Sie müssen nur den Bildblock hinzufügen und Ihr Bild hochladen. Wenn Sie jedoch mehrere Bilder hinzufügen, werden alle diese Bilder nacheinander angezeigt. Das sieht nicht gut aus, und Ihre Benutzer müssen viel scrollen, um sie alle zu sehen.

Adding Multiple Images in WordPress Post Without Creating a Gallery Wenn Sie eine Galerie erstellen, können Sie Bilder in einem Rasterlayout mit Spalten und Zeilen anzeigen.

Sie können Miniaturansichten für Ihre Bilder anzeigen, und die Benutzer können darauf klicken, um das vollständige Bild zu sehen. Auf diese Weise können Sie mehr Fotos auf weniger Platz zeigen, und es sieht viel professioneller aus.

Preview of WordPress Photo Gallery Using Default Gallery Block WordPress kommt tatsächlich mit einer eingebauten Galerie-Funktion zum schnellen Erstellen von Fotogalerien.

Der neue WordPress-Block-Editor enthält einen Galerie-Block, mit dem Sie eine WordPress-Galerie mit nur wenigen Klicks erstellen können. Sie können auch WordPress-Bildgalerie-Plugins verwenden, um noch robustere Galerien mit mehr Funktionen zu erstellen. In diesem Tutorial zeigen wir Ihnen beide Methoden, um eine Fotogalerie in WordPress zu erstellen.

Beginnen wir mit dem Standard-Galerie-Block von WordPress.

Methode 1. Erstellen einer Bildergalerie ohne Plugin

WordPress kommt mit einer eingebauten Funktion, mit der Sie eine Galerie erstellen können

Diese Funktion ist sehr einfach und hat nicht viele Optionen, aber sie erledigt die Aufgabe. Im Folgenden wird beschrieben, wie Sie eine Bildergalerie in WordPress ohne ein Plugin erstellen können. Zuerst müssen Sie den Beitrag oder die Seite bearbeiten, zu der Sie die Bildergalerie hinzufügen möchten.

Klicken Sie auf dem Bearbeitungsbildschirm des Beitrags auf das Symbol "Neuen Block hinzufügen" und wählen Sie den Block "Galerie" aus.

Add Gallery Block to WordPress Post Editor Dadurch wird der Galerie-Block zu Ihrem WordPress-Editor hinzugefügt, wo Sie auf die Schaltfläche "Hochladen" klicken können, um Fotos von Ihrem Computer hochzuladen.

Sie können auch aus zuvor hochgeladenen Fotos in der Medienbibliothek auswählen.

Image Upload Options in WordPress Gallery Block Wenn Sie auf die Schaltfläche "Hochladen" klicken, können Sie in der Regel nur ein Foto auf einmal hochladen.

Sie können jedoch auch mehrere Bilder mit gedrückter Strg-Taste auf Ihrer Tastatur auswählen und öffnen.

Upload Images to Your WordPress Photo Gallery from Computer Nachdem Sie alle Bilder hochgeladen haben, können Sie Beschriftungen zu Ihren Bildern hinzufügen.

Klicken Sie einfach auf die Fotos, und Sie sehen die Option "Beschriftung schreiben...", in die Sie die Beschriftung eingeben müssen.

Write Captions in Your Gallery Images Wenn Sie die Schaltfläche "Medienbibliothek" auswählen, können Sie die Bilder für Ihre Galerie auf einmal auswählen.

Während Sie die 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.

Select Images from WordPress Media Library Wählen Sie die Bilder aus, die Sie hinzufügen möchten, und klicken Sie auf die Schaltfläche "Neue Galerie erstellen" in der unteren rechten Ecke. Als nächstes wird die Seite "Galerie bearbeiten" angezeigt, auf der Sie Ihre Bildunterschriften hinzufügen/überprüfen können. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche "Galerie aktualisieren" in der rechten unteren Ecke.

Update Your WordPress Library Danach öffnet sich Ihr Beitragsbearbeitungsbildschirm mit dem Galerieblock-Einstellungsfeld auf der rechten Seite.

Jetzt können Sie die Anzahl der Spalten für jede Zeile wählen, die Option "Bilder zuschneiden" aktivieren oder deaktivieren und wählen, wo Sie Ihre Galeriebilder verlinken möchten.

WordPress Gallery Block Settings Unter den Optionen für die Verknüpfung mit können Sie "Keine" wählen, wenn Sie möchten, dass Ihre Benutzer nur Ihr Foto sehen können. Mit dieser Option deaktivieren Sie die Klickfunktion für Ihre Bilder. Wenn Sie die Option Mediendatei wählen, sind die Bilder anklickbar, und die Bilddatei wird geöffnet, wenn Sie darauf klicken. In ähnlicher Weise wird die Anhangsseite geöffnet, wenn Sie die Option Anhangsseite wählen.

Wenn Sie mit den Einstellungen zufrieden sind, können Sie den Beitrag veröffentlichen und eine Vorschau der Galerie auf Ihrer Live-Website anzeigen. Hier sehen Sie zum Beispiel, wie die Bildergalerie auf unserer Demo-Website erscheint.

Preview of WordPress Photo Gallery Using Default Gallery Block War das nicht schnell und einfach? Sieht auch hübsch aus. Wenn Sie jedoch regelmäßig Bildergalerien erstellen, dann werden Sie schnell feststellen, dass es an einigen wesentlichen Funktionen fehlt. Zum Beispiel sind Ihre Bilder entweder nicht anklickbar oder öffnen sich in einer neuen Seite.

Wenn Sie Ihre Galeriebilder mit der Mediendatei- oder Anhangsseite verlinken, dann müssen die Benutzer auf den Zurück-Button klicken, um die Galerie erneut zu betrachten. Das ist nicht benutzerfreundlich, und das Aussehen Ihrer Galerie hängt von Ihrem Theme ab. In den meisten Fällen erhalten Sie nur einen sehr generischen Stil.

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

Wenn Sie professionell aussehende Bildergalerien auf Ihrer Seite hinzufügen möchten, dann sollten Sie die nächste Methode verwenden.

Methode 2. Erstellen einer Bildergalerie mit Envira Gallery

Für diese Methode werden wir das Envira Gallery Plugin verwenden

Es ist das beste Plugin für WordPress-Bildergalerien auf dem Markt. Mit Envira können Sie ganz einfach voll-responsive, schöne und moderne Bildergalerien in WordPress erstellen. Es ist superschnell und kommt mit vielen Funktionen wie Lightbox-Popup, einfacher Bildnavigation, Drag-and-Drop-Builder und professionellen Galerievorlagen.

Lassen Sie uns beginnen. Als erstes 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 müssen Sie die Seite Envira Gallery " Einstellungen besuchen, um Ihren Lizenzschlüssel einzugeben

Sie können diesen Schlüssel von Ihrem Konto auf der Envira Gallery-Website erhalten.

Enter Envira Gallery License Key Nachdem Sie Ihren Lizenzschlüssel verifiziert haben, können Sie auf die Seite Envira Gallery " Add New gehen, um Ihre erste Galerie zu erstellen. Creating a New Gallery with Envira Gallery WordPress Plugin Zuerst müssen Sie einen Titel für Ihre Galerie angeben und dann auf die Schaltfläche "Dateien vom Computer auswählen" klicken, um Ihre Bilder hochzuladen. Sie können auch Dateien aus Ihrer WordPress-Medienbibliothek auswählen, indem Sie auf die Schaltfläche "Dateien aus anderen Quellen auswählen" klicken. Sobald Sie die Bilder hochgeladen haben, werden sie im Bereich "Galerie" angezeigt.

Images in Envira Gallery Builder Sie können auf das Bleistift-Symbol auf einem Bild klicken, um Bildunterschrift, Titel und Alt-Text für jedes Bild hinzuzufügen. Edit Gallery Image Metadata Als nächstes müssen Sie auf die Registerkarte "Konfiguration" klicken.

Von hier aus können Sie Ihre Galerie-Einstellungen ändern, wie z. B. die Anzahl der Spalten, das faule Laden von Bildern, die Positionierung von Titel und Beschriftung, Ränder, Höhen, Thumbnail-Größen, Bildabmessungen, usw.

Configure Envira Gallery Settings Danach müssen Sie auf die Registerkarte "Leuchtkasten" klicken.

Das Leuchtkasten-Popup ermöglicht es Benutzern, Bilder zu vergrößern und zu durchsuchen, ohne die Seite zu verlassen. Die Standardeinstellungen werden für die meisten Websites sehr gut funktionieren, aber Sie können die Optionen überprüfen und sie ändern, wenn Sie möchten.

Envira Gallery Lightbox Options Als nächstes können Sie auf die Registerkarte "Mobil" klicken, um Ihre Galerieeinstellungen für mobile Geräte zu konfigurieren.

Hier können Sie die Bildabmessungen für mobile Geräte wählen, die Lightbox aktivieren oder deaktivieren und mehr.

Envira Mobile Gallery Settings Danach können Sie weitere Optionen wie den Galerie-Slug überprüfen und benutzerdefinierte CSS aus dem Abschnitt "Misc" hinzufügen. Sie können Ihre Galerie nun veröffentlichen, wodurch sie überall auf Ihrer WordPress-Seite hinzugefügt werden kann. Als nächstes müssen Sie einen Beitrag oder eine Seite bearbeiten, auf der Sie Ihre Galerie anzeigen möchten. Klicken Sie im Bearbeitungsbildschirm des Beitrags auf das Symbol "Neuen Block hinzufügen" und wählen Sie den Envira Galerie-Block aus.

Add Envira Block to WordPress Post Editor Wenn Sie darauf klicken, wird der Envira Gallery-Block im Beitragseditor hinzugefügt.

Jetzt können Sie eine Galerie nach ihrem Namen suchen oder sie durch Klicken auf das Dropdown-Pfeilsymbol finden.

Choose an Envira Gallery to Add to your WordPress Post Danach wird das Plugin Ihre Galerie im Beitragseditor laden. Envira Gallery Added to WordPress Post Editor Als nächstes können Sie Ihre Galerie-Einstellungen noch einmal im Block-Einstellungsfeld auf der rechten Seite überprüfen. Envira Gallery Block Settings Sie können nun Ihren Beitrag speichern und eine Vorschau anzeigen, um die Galerie auf Ihrer Live-Website zu sehen. WordPress Photo Gallery Created with Envira Gallery Wenn Sie auf ein beliebiges Bild in der Galerie klicken, wird es im Leuchtkasten-Popup geöffnet.

Sie können durch die Bilder im Leuchtkasten blättern, indem Sie die linke und rechte Pfeiltaste auf dem Bildschirm oder auf Ihrer Tastatur drücken.

Envira Gallery Image in the Lightbox Popup Ihre Galerie sieht auch auf dem Handy gleich gut aus.

Benutzer können auf ein Bild tippen, um es zu vergrößern, und durch Wischen das nächste oder vorherige Bild anzeigen.

Responsive WordPress Photo Gallery Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man eine Bildergalerie in WordPress erstellt.

Verwandte Artikel: