Gutenberg Blocks

WP-ImmoMakler stellt drei Gutenberg-Blöcke bereit, mit denen die Immobilien-Listenansicht, die Detailansicht und die Bildergalerie direkt in beliebigen WordPress-Seiten oder Beiträgen eingebettet werden können.

Die Blöcke sind in der Kategorie Widgets im Blockeditor zu finden.

Tipp

Die Blöcke eignen sich zum Einbetten der WP-ImmoMakler-Ansichten in bestehende Theme-Layouts, ohne die WP-ImmoMakler-Template-Option deaktivieren zu müssen.

Listenansicht

Mit dem Block Immobilien Listenansicht betten Sie die komplette Immobilienliste inkl. Suchformular, Seitennavigation und Kartenansicht auf einer beliebigen Seite ein.

Detailansicht

Mit dem Block Immobilien Detailansicht betten Sie die vollständige Detailansicht einer Immobilie ein — inklusive Galerie, Datentabellen, Kontaktformular und Karte.

Galerie

Mit dem Block Immobilien-Galerie betten Sie ausschließlich die Bildergalerie einer Immobilie ein — als Slideshow oder statisches Raster, mit voller Kontrolle über Layout, Seitenverhältnisse, Größen und Design pro Block-Instanz.

Verfügbare Blöcke

Block	Block-Name	Beschreibung
Immobilien Listenansicht	immomakler/archive-html	Komplette Immobilienliste mit WP-ImmoMakler HTML-Template
Immobilien Detailansicht	immomakler/single-html	Komplette Immobilien-Detailseite mit WP-ImmoMakler HTML-Template
Immobilien-Galerie	immomakler/gallery	Eigenständige Bildergalerie einer Immobilie (Slideshow oder Raster)

Technische Details

Die Blöcke werden serverseitig gerendert (render.php) und nutzen die WordPress ServerSideRender-Komponente für die Editor-Vorschau. Der Editor zeigt eine Vorschau mit den Skin-CSS-Dateien:

• Bootstrap-CSS
• immomakler.css
• immomakler-plus.css

Die Blöcke laden im Frontend kein zusätzliches CSS, da die Skin-Stile bereits global eingebunden sind.

Vorschau-Immobilie

Im Site Editor zeigen die WP-ImmoMakler-Blöcke eine Live-Vorschau mit echten Immobiliendaten. Welche Immobilie dabei als Beispiel verwendet wird, steuern Sie auf zwei Ebenen:

• Global: im Backend Ihrer Website (wp-admin) unter WP-ImmoMakler → Einstellungen → Theme Builder → Vorschau-Immobilie. Diese Auswahl gilt für alle Blöcke und Vorlagen, sofern keine vorlagenspezifische Auswahl getroffen wurde.
• Pro Vorlage: Im Site Editor öffnen Sie die Template-Einstellungen (Zahnrad-Symbol oben rechts) und wählen dort unter Vorschau-Immobilie eine Immobilie aus dem Suchfeld. So können Sie z. B. für eine Haus-Vorlage ein Haus und für eine Gewerbe-Vorlage ein Gewerbeobjekt als Vorschau hinterlegen. Die vorlagenspezifische Auswahl hat Vorrang vor der globalen Einstellung.

Schritt-für-Schritt-Anleitungen

• Archiv-Seite erstellen — Immobilien-Listenansicht mit dem Gutenberg-Block einbetten
• Single-Seite erstellen — Immobilien-Detailansicht mit dem Gutenberg-Block einbetten
• Galerie-Block einsetzen — Bildergalerie einer Immobilie als eigenständigen Block einbetten