Wie man Bilder in WordPress nebeneinander stellt (einfach)
Möchten Sie Bilder in Ihrem WordPress-Inhalt nebeneinander stellen? Oft kämpfen Anfänger damit, herauszufinden, wie sie zwei Bilder nebeneinander in ihre WordPress-Beiträge und -Seiten setzen können. In dieser Schritt-für-Schritt-Anleitung zeigen wir, wie Sie ganz einfach Bilder nebeneinander in WordPress einfügen können (ohne Code zu schreiben).
Der Block-Editor hat einen speziellen "Galerie"-Block, mit dem Sie Bilder in Zeilen und Spalten anzeigen können. Zunächst müssen Sie einen neuen Beitrag / eine neue Seite erstellen oder einen bestehenden Beitrag bearbeiten, um den Inhaltseditor zu öffnen. Klicken Sie darin auf das (+)-Symbol, um einen neuen Block hinzuzufügen.
Als Nächstes müssen Sie den Block "Galerie" auswählen und ihn zu Ihrer Seite hinzufügen.
Sie finden den Galerie-Block im Abschnitt Allgemeine Blöcke oder Sie können die Suchleiste verwenden, um ihn schnell zu finden.
Jetzt können Sie ganz einfach Bilder zu Ihrem Galerie-Block hinzufügen, indem Sie sie in den Block ziehen oder die Schaltfläche Hochladen verwenden. Wie Sie sehen können, haben wir 2 Bilder zu unserem Galerie-Block hinzugefügt. WordPress hat sie automatisch nebeneinander positioniert.
Was aber, wenn Sie 3 Bilder nebeneinander haben möchten? Hier ist, was passiert, wenn wir ein drittes Bild hinzufügen.
Sie können die Anzahl der Bilder ändern, die WordPress nebeneinander in einer einzelnen Spalte einfügen soll.
Klicken Sie zunächst auf den Galerie-Block, wenn er nicht bereits 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 zum Beispiel zwei Bilder nebeneinander und zwei weitere darunter haben möchten, können Sie die Spalten auf 2 einstellen.
So einfach ist das! Wenn Sie die Position eines Bildes in Ihrer Galerie ändern möchten, klicken Sie es einfach an. Sie sehen dann Pfeile, mit denen Sie es in der Galerie nach vorne oder hinten verschieben können. zu erhalten. Zuerst müssen Sie das Envira Gallery Plugin installieren und aktivieren. Als nächstes können Sie in Ihrem WordPress-Dashboard zu Envira Gallery " Add New gehen
Sie müssen Ihrer Galerie einen Titel geben. Wir haben unsere "Beispiel-Galerie" genannt. Als nächstes laden Sie die Bilder hoch, die Sie verwenden möchten. Sie können sie entweder per Drag & Drop in das Hochladefeld ziehen oder eine der Schaltflächen "Dateien auswählen" verwenden.
So sehen die Bilder aus, nachdem sie hochgeladen wurden: Hier können Sie Ihren Bildern einen Titel und einen Alt-Text geben. Der Titel erscheint unter Ihrem Bild, wenn der Benutzer mit dem Mauszeiger darüber fährt. Der Titel erscheint auch unterhalb des Bildes im Leuchtkasten-Popup-Modus, den wir uns gleich ansehen werden.
Sie können dann den Titel für Ihr Bild ändern. Standardmäßig ist dies der Dateiname des Bildes. Wenn Ihr Titel das Bild beschreibt, dann können Sie ihn einfach für den Alt-Text wiederholen.
Wenn Sie fertig sind, stellen Sie bitte sicher, dass Sie auf die Schaltfläche "Metadaten speichern" klicken, bevor Sie auf das X klicken, um das Fenster zu schließen. Um Ihre Galerie auf der Website hinzuzufügen, müssen Sie sie zunächst veröffentlichen. Klicken Sie dazu auf die Schaltfläche "Veröffentlichen" auf der rechten Seite des Bildschirms.
Bearbeiten Sie nun einen Beitrag oder eine Seite, oder erstellen Sie einen neuen Beitrag.
Sie finden ihn im Abschnitt Allgemeine Blöcke oder Sie können die Suchleiste verwenden.
Sie müssen dann auf das Dropdown klicken, um Ihre Galerie auszuwählen. Sie sollten Ihre Galerie an der richtigen Stelle in Ihrem Beitrag sehen.
Sie können die Einstellungen auf der rechten Seite des Bildschirms anpassen. So können Sie z. B. das Spaltenlayout oder die Größe des Randes zwischen den Bildern ändern.
Wir haben uns entschieden, 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 Version in voller Größe in einer Lightbox zu sehen. Über das Leuchtpult kann er auch durch die Bilder blättern.
Wenn Sie weitere Bilder zu Ihrer Galerie hinzufügen möchten, können Sie zu ihr zurückkehren, indem Sie Envira Gallery " Alle Galerien in Ihrem WordPress-Dashboard aufrufen. Klicken Sie einfach auf den Namen Ihrer Galerie, um sie zu bearbeiten
<img title="Eine Galerie bearbeiten, die Sie bereits in der Envira Gallery erstellt haben" src="https://www.wpbeginner.com/wp-content/uploads/2021/05/edit-envira-gallery.png" alt="Eine Galerie bearbeiten, die Sie bereits in der Envira Gallery erstellt haben" width="550" height="424" class="alignnone size-full wp-image-78134">
Alle Änderungen, die Sie an Ihrer Galerie vornehmen, erscheinen überall dort, wo Sie sie in Ihren Beiträgen, Seiten oder Sidebars platziert haben. Sie müssen sie diesen nicht erneut hinzufügen.
Oberhalb des klassischen Editors sehen Sie eine Schaltfläche "Galerie hinzufügen", mit der Sie eine bestehende Galerie zu Ihrem Beitrag 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 zu lernen, wie man Bilder in WordPress nebeneinander anordnet.