Wie man Bilder nebeneinander in WordPress setzt (leicht)
Möchten Sie Bilder nebeneinander in Ihre WordPress-Inhalte einfügen?
Oft haben Anfänger Schwierigkeiten, zwei Bilder in ihren WordPress-Posts und -Seiten nebeneinander zu platzieren.
In dieser Schritt-für-Schritt-Anleitung zeigen wir Ihnen, wie Sie Bilder in WordPress einfach nebeneinander stellen können (ohne Code zu schreiben).
Verwenden des Blockeditors zum Nebeneinander stellen von Bildern
Der einfachste Weg, Ihre Bilder nebeneinander zu stellen, ist die Verwendung des WordPress-Blockeditors.
Der Blockeditor verfügt über einen speziellen ‚Galerie‘-Block, mit dem Sie Bilder in Zeilen und Spalten anzeigen können.
Zuerst müssen Sie einen neuen Beitrag / eine neue Seite erstellen oder einen vorhandenen bearbeiten, um den Inhaltseditor zu öffnen. Klicken Sie auf das Symbol (+), um einen neuen Block hinzuzufügen.
Als nächstes müssen Sie den Galerieblock auswählen und zu Ihrer Seite hinzufügen. Sie können den Galerieblock im Abschnitt Allgemeine Blöcke finden oder die Suchleiste verwenden, um ihn schnell zu finden.
Jetzt können Sie Ihrem Galerieblock ganz einfach Bilder hinzufügen, indem Sie sie hineinziehen oder die Schaltfläche Hochladen verwenden. Sie können auch Bilder aus Ihrer WordPress-Medienbibliothek auswählen.
Wie Sie sehen können, haben wir 2 Bilder zu unserem Galerieblock hinzugefügt. WordPress hat sie automatisch nebeneinander positioniert.
Was ist, wenn Sie 3 Bilder nebeneinander haben möchten? Folgendes passiert, wenn wir ein drittes Bild hinzufügen. WordPress ändert einfach die Größe der anderen, um alle 3 nebeneinander zu passen:
Wenn Sie ein viertes Bild hochladen, platziert WordPress es unter den anderen.
Sie können die Anzahl der Bilder ändern, die WordPress nebeneinander in einer einzigen Spalte enthalten soll.
Klicken Sie zunächst auf den Galerieblock, falls dieser noch nicht ausgewählt ist. Auf der rechten Seite des Bildschirms sehen Sie die Blockeinstellungen der Galerie.
Hier können Sie die Anzahl der Spalten auf eine beliebige Zahl zwischen 1 und 4 einstellen. Wenn Sie beispielsweise zwei Bilder nebeneinander und zwei weitere darunter haben möchten, können Sie die Spalten auf 2 setzen.
So einfach ist das!
Wenn Sie die Position eines Bildes in Ihrer Galerie ändern möchten, klicken Sie einfach darauf. Sie sehen dann Pfeile, mit denen Sie es in der Galerie vorwärts oder rückwärts bewegen können.
Hier ist eine fertige Galerie-Demo aus unserem Beispielbeitrag:
Verwenden eines Plugins zum Nebeneinander von Bildern in WordPress
Wenn Sie den alten klassischen WordPress-Editor verwenden oder komplexere Galerien als den Standard-Galerieblock erstellen möchten, benötigen Sie ein WordPress-Galerie-Plugin.
Wir empfehlen die Verwendung von Envira Gallery, da es das beste WordPress-Galerie-Plugin ist
Für dieses Tutorial verwenden wir die kostenlose Version von Envira, aber möglicherweise möchten Sie die Pro-Version erhalten, um leistungsstarke Funktionen wie Alben, Diashows usw. zu erhalten.
Zuerst müssen Sie das Envira Gallery Plugin installieren und aktivieren. Wenn Sie sich nicht sicher sind, wie, lesen Sie einfach unsere Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Als nächstes können Sie zu gehen Envira Galerie “ Neu hinzufügen in Ihrem WordPress-Dashboard.
Sie müssen Ihrer Galerie einen Titel geben. Wir haben unsere ‚Beispielgalerie‘ genannt. Laden Sie als Nächstes die Bilder hoch, die Sie verwenden möchten.
Sie können sie entweder per Drag & Drop in das Upload-Feld ziehen oder eine der Schaltflächen ‚Dateien auswählen‘ verwenden.
So sehen die Bilder nach dem Hochladen aus:
Möglicherweise möchten Sie Ihren Bildern hier einen Titel und einen Alternativtext geben. Der Titel wird unter Ihrem Bild angezeigt, wenn der Benutzer den Mauszeiger darüber bewegt.
Der Titel erscheint auch unter dem Bild im Lightbox-Popup-Modus, den wir uns gleich ansehen werden.
Um den Titel und den Alternativtext zu bearbeiten, klicken Sie auf die Schaltfläche Bearbeiten eines Bildes in der Galerie.
Sie können dann den Titel für Ihr Bild ändern. Standardmäßig wird der Dateiname des Bildes verwendet.
Sie sollten auch Alternativtext eingeben, da dies für die SEO Ihrer WordPress-Site hilfreich ist. Wenn Ihr Titel das Bild beschreibt, können Sie es einfach für den Alternativtext wiederholen.
Wenn Sie fertig sind, klicken Sie bitte auf die Schaltfläche ‚Metadaten speichern‘, bevor Sie auf das X klicken, um das Fenster zu schließen.
Um Ihre Galerie auf der Website hinzuzufügen, müssen Sie sie zuerst veröffentlichen. Klicken Sie auf die Schaltfläche Veröffentlichen auf der rechten Seite des Bildschirms.
Bearbeiten Sie jetzt einen Beitrag oder eine Seite oder erstellen Sie einen neuen. Klicken Sie im Inhaltseditor auf (+), um Ihrem Beitrag einen Block hinzuzufügen, und wählen Sie den Envira Gallery-Block aus. Sie finden es im Abschnitt Allgemeine Blöcke oder verwenden die Suchleiste.
Sie müssen dann auf das Dropdown-Menü klicken, um Ihre Galerie auszuwählen.
Sie sollten Ihre Galerie in Ihrem Beitrag sehen.
Sie können die Einstellungen auf der rechten Seite des Bildschirms anpassen. Beispielsweise möchten Sie möglicherweise das Spaltenlayout oder die Größe des Randes zwischen Bildern ändern.
Wir haben beschlossen, unsere Galerie so einzustellen, dass sie immer in zwei Spalten angezeigt wird. Wir haben auch einen breiteren Rand zwischen den Bildern hinzugefügt.
Der Benutzer kann auf ein Bild klicken, um die Full-Size-Version in einer Lightbox zu sehen. Sie können auch über die Lightbox durch die Bilder scrollen.
Wenn Sie Ihrer Galerie weitere Bilder hinzufügen möchten, können Sie dazu zurückkehren, indem Sie Envira Gallery “ Alle Galerien in Ihrem WordPress-Dashboard. Klicken Sie einfach auf den Namen Ihrer Galerie, um sie zu bearbeiten.
Alle Änderungen, die Sie an Ihrer Galerie vornehmen, werden überall dort angezeigt, wo Sie sie in Ihren Posts, Seiten oder Seitenleisten platziert haben. Sie müssen es diesen nicht erneut hinzufügen.
Tipp: Wenn Sie den klassischen Editor anstelle des Blockeditors verwenden, können Sie Envira Gallery weiterhin verwenden.
Über dem klassischen Editor wird eine Schaltfläche ‚Galerie hinzufügen‘ angezeigt, mit der Sie Ihrem Beitrag eine vorhandene Galerie hinzufügen können.
Sie können auch eine neue Galerie erstellen, indem Sie auf die Schaltfläche ‚Medien hinzufügen‘ und dann auf ‚Galerie erstellen‘ klicken.
Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, Bilder in WordPress nebeneinander zu stellen. Vielleicht möchten Sie auch unsere Anleitung zum Ausrichten von Bildern im WordPress-Blockeditor und unsere umfassende Liste der WordPress-Plugins (Expertenauswahl) durchgehen.
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.