Möchten Sie Bilder nebeneinander in Ihren WordPress-Inhalten einfügen?
Anfänger haben oft Schwierigkeiten herauszufinden, wie sie in ihren WordPress-Beiträgen und -Seiten zwei Bilder nebeneinander platzieren können.
In dieser Schritt-für-Schritt-Anleitung zeigen wir, wie Sie Bilder in WordPress ganz einfach nebeneinander platzieren (ohne Code schreiben zu müssen).
Verwenden Sie den Blockeditor, um Bilder nebeneinander zu platzieren
Der einfachste Weg, Ihre Bilder nebeneinander zu platzieren, 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 im Inneren auf das (+)-Symbol, um einen neuen Block hinzuzufügen.
Als nächstes müssen Sie den Galerieblock auswählen und ihn Ihrer Seite hinzufügen. Sie finden den Galerie-Block im Abschnitt „Gemeinsame Blöcke“ oder können die Suchleiste verwenden, um ihn schnell zu finden.
Jetzt können Sie ganz einfach Bilder zu Ihrem Galerieblock hinzufügen, indem Sie sie ziehen oder die Schaltfläche „Hochladen“ verwenden. Sie können Bilder auch 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 platziert.
Was ist, wenn Sie 3 Bilder nebeneinander haben möchten? Das passiert, wenn wir ein drittes Bild hinzufügen. WordPress passt die Größe der anderen einfach so an, dass alle drei nebeneinander 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 einzelnen 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 Einstellungen für die Galeriesperre.
Sie können hier 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. Anschließend sehen Sie Pfeile, mit denen Sie es in der Galerie vorwärts oder rückwärts verschieben können.
Hier ist eine Demo der fertigen Galerie aus unserem Beispielbeitrag:
Verwenden eines Plugins zum Nebeneinanderplatzieren 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. Möglicherweise möchten Sie jedoch die Pro-Version erwerben, um leistungsstarke Funktionen wie Alben, Bild-Diashows usw. zu erhalten.
Zuerst müssen Sie das Envira Gallery-Plugin installieren und aktivieren. Wenn Sie sich nicht sicher sind, wie das geht, schauen Sie sich unsere Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins an.
Sie können dann 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 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 Alternativtext zuweisen. Der Titel erscheint unter Ihrem Bild, wenn der Benutzer den Mauszeiger darüber platziert.
Der Titel erscheint auch unter dem Bild im Lightbox-Popup-Modus, auf den wir gleich noch eingehen werden.
Um den Titel und Alternativtext zu bearbeiten, klicken Sie bei einem Bild in der Galerie auf die Schaltfläche „Bearbeiten“.
Anschließend können Sie den Titel Ihres Bildes ändern. Standard ist der Name der Bilddatei.
Sie sollten auch Alt-Text eingeben, da dies für die SEO Ihrer WordPress-Site hilfreich ist. Wenn Ihr Titel das Bild beschreibt, können Sie ihn einfach für den Alternativtext wiederholen.
Wenn Sie fertig sind, klicken Sie unbedingt auf die Schaltfläche „Metadaten speichern“, bevor Sie auf das X klicken, um das Fenster zu schließen.
Um Ihre Galerie zur Website hinzuzufügen, müssen Sie sie zunächst veröffentlichen. Fahren Sie fort und klicken Sie auf der rechten Seite des Bildschirms auf die Schaltfläche „Veröffentlichen“.
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 Sie können die Suchleiste verwenden.
Anschließend müssen Sie 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 uns entschieden, unsere Galerie so zu konfigurieren, dass sie immer in zwei Spalten angezeigt wird. Außerdem haben wir einen größeren Abstand zwischen den Bildern hinzugefügt.
Der Benutzer kann auf ein Bild klicken, um die Vollversion in einer Lightbox anzuzeigen. Sie können auch mithilfe des Leuchtkastens durch die Bilder scrollen.
Wenn Sie Ihrer Galerie weitere Bilder hinzufügen möchten, können Sie zu dieser zurückkehren, indem Sie auf klicken Envira Galerie »Alle Galerien in Ihrem WordPress-Dashboard. Klicken Sie einfach auf den Namen Ihrer Galerie, um ihn zu bearbeiten.
Alle Änderungen, die Sie an Ihrer Galerie vornehmen, werden überall dort angezeigt, wo Sie sie in Ihren Beiträgen, Seiten oder Seitenleisten platziert haben. Sie müssen es nicht erneut hinzufügen.
Tipp: Wenn Sie den klassischen Editor anstelle des Blockeditors verwenden, können Sie weiterhin Envira Gallery verwenden.
Über dem klassischen Editor wird die 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 Ihnen dieses Tutorial dabei geholfen hat, zu lernen, wie Sie Bilder in WordPress nebeneinander platzieren. Vielleicht möchten Sie auch unseren Leitfaden zum Ausrichten von Bildern im WordPress-Blockeditor und unsere vollständige Liste der unverzichtbaren WordPress-Plugins (Expertenauswahl) lesen.
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch unter Twitter Und Facebook.
