Fotogalerie "Raster" Block einsetzen

Mit dem Gutenberg-Block Fotogalerie “Raster” (immomakler/gallery-grid) betten Sie die Bilder einer Immobilie im alternierenden Raster-Layout ein — unabhängig von der vollständigen Detailansicht. Je vier Fotos bilden einen Block, bei dem sich die Anordnung (großes Bild links / großes Bild rechts) automatisch abwechselt. Der Block entspricht in Funktionsumfang und Ausgabe dem gleichnamigen Elementor-Widget.

Voraussetzungen

• WordPress mit Gutenberg-Editor (ab WordPress 5.0)
• WP-ImmoMakler (beliebige Edition)

Block einfügen

1. Seite oder Template öffnen

   Öffnen Sie im Backend Ihrer Website (wp-admin) eine Seite, einen Beitrag oder ein Block-basiertes Template für den Beitragstyp Immobilie (erfordert ein Block-Theme oder den Site Editor).

2. Block einfügen

   Klicken Sie auf das +-Symbol und suchen Sie nach Fotogalerie Raster oder navigieren Sie zur Kategorie Widgets. Fügen Sie den Block ein.

3. Block konfigurieren

   Passen Sie im Seitenpanel Layout die Optionen an. Die Editor-Vorschau aktualisiert sich nach jeder Änderung live.

4. Speichern und veröffentlichen

   Speichern oder aktualisieren Sie die Seite. Das Raster ist im Frontend sofort verfügbar.

Einstellungsoptionen

Alle Optionen befinden sich im Seitenpanel Layout.

Block Seitenverhältnis

Legt das Gesamtseitenverhältnis eines 4-Foto-Blocks fest.

Wert	Verhältnis
4:3	Klassisch querformat
3:2	Fotografisch querformat
2:1	Panorama (Standard)
Goldener Schnitt	1,618:1
1:1	Quadrat

Aufteilung der Reihenhöhe

Steuert, wie die Gesamthöhe des Blocks auf die obere und untere Reihe verteilt wird.

Wert	Aufteilung
1:1	Beide Reihen gleich hoch
2:1	Obere Reihe doppelt so hoch (Standard)
Goldener Schnitt	Obere Reihe im Goldenen Schnitt höher

Abstand

Abstand zwischen den einzelnen Bildern innerhalb eines Blocks und zwischen den Blöcken. Einstellbar in px (Standard: 20 px), em, rem, vw oder vh.

Bildanzahl begrenzen

Schränkt die Gesamtzahl der angezeigten Bilder ein.

Wert	Beschreibung
Unbegrenzt	Alle verfügbaren Bilder werden gezeigt (Standard)
4 / 8 / 12 / 16	Nur die ersten N Bilder werden gezeigt

Bildfilter

Schränkt ein, welche Bilder des Medienarchivs der Immobilie gezeigt werden.

Wert	Beschreibung
Alle Bilder	Zeigt alle Bilder der Immobilie (Standard)
Alle ohne Grundrisse	Blendet Grundrisse aus
Nur Grundrisse	Zeigt ausschließlich Grundriss-Bilder

Hinweis

Die Filterung basiert auf dem Metafeld gruppe der Anhänge. Grundrisse müssen beim Import oder manuell mit dem Wert GRUNDRISS gekennzeichnet sein.

Raster-Layout im Detail

Jeder Block umfasst genau vier Fotos in einem 4-Spalten-CSS-Grid. Die Anordnung wechselt bei jedem Block:

• Ungerade Blöcke (1., 3., …): Bild 1 links oben (2 Spalten breit), Bild 2 rechts (2 Spalten, über beide Reihen), Bilder 3 und 4 links unten je 1 Spalte breit.
• Gerade Blöcke (2., 4., …): Bild 1 links (2 Spalten, über beide Reihen), Bild 2 rechts oben (2 Spalten breit), Bilder 3 und 4 rechts unten je 1 Spalte breit.

Hat eine Immobilie weniger als vier Bilder (oder die letzte Gruppe ist unvollständig), werden nur die vorhandenen Bilder platziert — die verbleibenden Grid-Zellen bleiben leer.

Tipp

Für eine möglichst ausgewogene Optik empfiehlt sich eine durch 4 teilbare Bildanzahl, z. B. 8, 12 oder 16 Bilder pro Immobilie. Mit der Einstellung Bildanzahl begrenzen lässt sich das bequem erzwingen.

Vorschau im Editor

Der Gutenberg-Editor zeigt eine serverseitig gerenderte Live-Vorschau des Rasters direkt im Editor. Wenn im Seitenkontext keine Immobilie verfügbar ist (z. B. auf einer gewöhnlichen Seite), greift der Block auf eine beispielhafte Immobilie zurück.

Das könnte Sie auch interessieren

• Galerie-Block einsetzen — Bildergalerie als Slideshow oder statisches Raster
• Single-Seite erstellen — vollständige Detailansicht als Block-Template
• Bildergalerie: Slideshow mit Vorschaubildern
• Bildergalerie: Statisches Bild