WordPress-Fotos in Spalten und Zeilen anzeigen

Möchten Sie WordPress-Fotos in Spalten und Zeilen anzeigen?

Standardmäßig fügt WordPress Bilder übereinander in einer vertikalen Spalte ein. Wenn Sie jedoch mehrere Fotos zu einem Blogbeitrag hinzufügen, sieht das nicht sehr sauber aus und erfordert viel Scrollen für Ihre Benutzer.

In diesem Artikel zeigen wir Ihnen, wie Sie WordPress-Fotos einfach in Spalten und Zeilen anzeigen.

Warum Sie WordPress-Fotos in Spalten und Zeilen benötigen

Standardmäßig, wenn Sie mehrere Bilder zu einem WordPress-Blogbeitrag hinzufügen, erscheinen sie direkt nebeneinander oder übereinander.

Das sieht nicht sehr gut aus, und Ihre Benutzer müssen viel scrollen, um mehrere Bilder und Fotos anzuzeigen.

Sie können dieses Problem leicht lösen, indem Sie Fotos in Zeilen und Spalten mithilfe eines Rasterlayouts anzeigen. Auf diese Weise werden Bilder kompakt angezeigt und die Benutzererfahrung auf Ihrer Website verbessert.

Wenn Sie eine Fotografie-Website haben, können Sie Ihr Portfolio ansprechender präsentieren. Oder Sie können mehr Produktbilder in einem Online-Shop anzeigen, indem Sie sie in Zeilen und Spalten darstellen.

Dennoch werfen wir einen Blick darauf, wie Sie WordPress-Fotos manuell in Spalten und Zeilen anzeigen oder ein WordPress-Plugin verwenden können. Klicken Sie einfach auf die unten stehenden Links, um zu Ihrem bevorzugten Abschnitt zu springen.

• Fotos ohne Plugins in Spalten und Zeilen anzeigen
• Fotos in Spalten und Zeilen mit einem Plugin anzeigen
• Bonus: Benutzerdefiniertes Theme mit Bildspalten & Zeilen erstellen

1. Fotos in Spalten und Zeilen ohne Plugins anzeigen

Diese Methode erfordert keine Installation eines Plugins auf Ihrer WordPress-Website. Wenn Sie nicht zu oft mehrere Fotos hinzufügen, dann wäre dies für Sie in Ordnung.

Sie können Bilder manuell zu einem Spaltenblock hinzufügen oder den Standard-Galerieblock in WordPress verwenden.

Bilder zu einem Spalten-Block hinzufügen

Zuerst müssen Sie einen neuen Beitrag erstellen oder einen bestehenden bearbeiten, auf dem Sie Ihre Fotos anzeigen möchten. Sobald Sie sich auf dem Inhaltseditor-Bildschirm befinden, klicken Sie auf die Schaltfläche „+“, um einen Spaltenblock hinzuzufügen.

Als Nächstes können Sie die Anzahl der gewünschten Spalten und deren Layout auswählen.

Sie können zum Beispiel ein Verhältnis von 50/50, 33/66, 25/50/25 und mehr wählen.

Danach können Sie jeder Spalte einen Bildblock hinzufügen.

Klicken Sie einfach auf die Schaltfläche „+“ und wählen Sie den Block „Bild“ aus.

Als Nächstes müssen Sie dem Block ein Bild hinzufügen.

Sie können auf die Schaltfläche „Hochladen“ klicken, um ein Bild von Ihrem Computer hinzuzufügen, oder die Option „Mediathek“ auswählen, um ein vorhandenes Bild zu verwenden.

Sobald sich die Mediathek öffnet, wählen Sie einfach Ihr bevorzugtes Bild aus und klicken Sie auf die Schaltfläche „Auswählen“.

Eine der Best Practices für die Bildoptimierung ist das Hinzufügen eines Alt-Textes zu Ihrem Bild. Dies ermöglicht es Suchmaschinen-Bots, Ihr Bild zu verstehen und es in den Bildsuchergebnissen anzuzeigen.

Sie sollten nun Ihr Bild in einem der Spaltenblöcke sehen.

Jetzt können Sie dasselbe für andere Blöcke in der Spalte tun und weitere Bilder hinzufügen.

Bilder in einem Galerie-Block hinzufügen

WordPress bietet auch einen Standard-Galerie-Block, den Sie verwenden können, um Bilder in Spalten und Zeilen anzuzeigen.

Klicken Sie dazu zunächst auf die Schaltfläche „+“ und fügen Sie einen Galerie-Block im Inhaltseditor hinzu.

Als Nächstes müssen Sie Bilder hochladen oder aus der Mediathek auswählen.

Für dieses Tutorial wählen wir die Option „Mediathek“.

Wählen Sie einfach die Bilder aus, die Sie zu Ihrer Galerie hinzufügen möchten, und zeigen Sie sie in Zeilen und Spalten an.

Sobald Sie die Bilder ausgewählt haben, klicken Sie auf die Schaltfläche „Neue Galerie erstellen“.

Als Nächstes fordert WordPress Sie auf, Bildunterschriften für jedes Bild einzugeben und die Reihenfolge der Bilder neu anzuordnen.

Klicken Sie danach einfach auf die Schaltfläche „Galerie einfügen“.

Sie sollten nun Ihre Bilder im Galerieblock sehen.

Sie können die Anzahl der Zeilen anpassen, indem Sie auf den Schieberegler im Einstellungsfenster auf der rechten Seite klicken.

Wenn Sie fertig sind, veröffentlichen Sie einfach Ihren Beitrag, um Bilder in Spalten und Zeilen anzuzeigen.

Besuchen Sie einfach Ihre Website, um sie in Aktion zu sehen.

Diese Methode würde für die meisten Anfänger funktionieren. Wenn Sie jedoch einen Fotografie-Blog betreiben oder häufig Fotos auf Ihrer Website teilen, fehlen dieser Methode mehrere wichtige Funktionen.

Beispielsweise hängt die Darstellung von Fotos von Ihrem WordPress-Theme ab und Sie sind auf dieses eine bestimmte Layout und diesen Stil beschränkt.

Ihre Bilder werden nicht in einem Lightbox-Popup geöffnet, und Benutzer müssen sie als neue Seite laden und dann die Zurück-Schaltfläche drücken, um zur ursprünglichen Seite zurückzukehren.

Für ein professionelleres und schöneres Benutzererlebnis sollten Sie die Plugin-Methode ausprobieren.

2. Fotos in Spalten und Zeilen mit einem Plugin anzeigen

Das beste Plugin zum Hinzufügen von Fotos in Spalten und Zeilen ist Envira Gallery. Es ist das beliebteste WordPress-Galerie-Plugin, das super einfach zu bedienen ist und viele Funktionen bietet.

Zuerst müssen Sie das Envira Gallery Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Installieren eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite Envira Gallery » Einstellungen besuchen, um Ihren Lizenzschlüssel einzugeben. Diesen Schlüssel erhalten Sie von Ihrem Konto auf der Envira Gallery-Website.

Jetzt sind Sie bereit, schöne Bildergalerien zu erstellen.

Gehen Sie einfach im WordPress-Dashboard zu Envira Gallery » Neu hinzufügen, um Ihre erste Galerie zu erstellen.

Zuerst müssen Sie oben einen Namen für Ihre Galerie eingeben. Von hier aus können Sie Dateien von Ihrem Computer auswählen und hochladen oder aus der Mediathek von WordPress auswählen.

Nach dem Hochladen Ihrer Fotos werden diese im unten stehenden Feld für die Galerieeinstellungen angezeigt.

Als Nächstes müssen Sie auf die Registerkarte „Konfiguration“ klicken, um anzupassen, wie Sie Ihre Fotos anzeigen möchten.

Envira Gallery ermöglicht es Ihnen, verschiedene Galerie-Layouts auszuwählen. Um Bilder in Zeilen und Spalten anzuzeigen, können Sie die Layouts Gitter, Mason und Quadrat auswählen.

Nachdem Sie das Layout ausgewählt haben, können Sie auf das Dropdown-Menü 'Anzahl der Galerie-Spalten' klicken und auswählen, wie viele Spalten Sie anzeigen möchten.

Wenn Sie nach unten scrollen, sehen Sie weitere Optionen zur Anpassung Ihrer Galerie. Zum Beispiel gibt es Einstellungen zur Bearbeitung der Abmessungen und Größe Ihrer Galerie.

Danach können Sie auf die Schaltfläche „Veröffentlichen“ klicken, um Ihre Fotogalerie für die Einbindung in Ihre WordPress-Website vorzubereiten.

Jetzt müssen Sie einen Beitrag bearbeiten oder einen neuen erstellen. Sobald Sie sich im Inhaltseditor befinden, klicken Sie einfach auf die Schaltfläche „+“, um den Block „Envira Gallery“ hinzuzufügen.

Von hier aus können Sie auf das Dropdown-Menü klicken und die zuvor erstellte Galerie auswählen.

Sie können Ihren Beitrag jetzt speichern und eine Vorschau anzeigen, um Ihre Fotos in Spalten und Zeilen in einer schönen, mobil-responsiven Fotogalerie zu sehen.

Wenn Ihre Benutzer nun auf ein Foto-Thumbnail klicken, öffnet es sich in einem schönen Popup. Sie können auch Bilder durchsuchen, ohne die Seite zu verlassen.

Bonus: Benutzerdefiniertes Theme mit Bildspalten & Zeilen erstellen

Sie können auch benutzerdefinierte WordPress-Themes erstellen, die einen Platzhalter für das Hinzufügen von Bildern in Spalten und Zeilen haben.

Der beste Weg, ein benutzerdefiniertes Theme zu erstellen, ist die Verwendung von SeedProd. Es ist der beste Drag-and-Drop Website-Builder, der vorgefertigte Themes und viele Anpassungsoptionen bietet.

Sie können mit SeedProd einen Spaltenblock zu Ihren Landingpage-Designs hinzufügen und Bilder zu Zeilen und Spalten hinzufügen. SeedProd verfügt sogar über einen integrierten Galerieblock, den Sie dafür verwenden können.

Um mehr zu erfahren, lesen Sie bitte unseren Leitfaden zum einfachen Erstellen eines benutzerdefinierten WordPress-Themes ohne Code.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie WordPress-Fotos in Spalten und Zeilen anzeigen. Möglicherweise möchten Sie auch unseren Leitfaden zum Beheben häufiger Bildprobleme in WordPress und die beste Design-Software für kleine Unternehmen sehen.

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.