Single-Seite erstellen

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

Voraussetzungen

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

Detailansicht einbetten

1. Immobilie bearbeiten oder Template erstellen

   Öffnen Sie eine bestehende Immobilie im Editor oder erstellen Sie 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 Immobilien Detailansicht oder navigieren Sie zur Kategorie Widgets. Fügen Sie den Block ein.

3. Vorschau prüfen

   Der Editor zeigt eine serverseitig gerenderte Vorschau der Detailansicht mit den Daten der aktuellen Immobilie.

4. Speichern und veröffentlichen

   Speichern oder aktualisieren Sie die Seite. Die Detailansicht ist nun im Frontend verfügbar.

Tipp

Der Block bietet in der Seitenleiste die Option Überschrift anzeigen (Standard: an). Deaktivieren Sie sie, um die vom HTML-Template ausgegebene Überschrift (h1) auszublenden — etwa wenn Sie den Seitentitel selbst gestalten oder Ihr Theme ihn bereits ausgibt.

Tipp

Der Block bietet in der Seitenleiste die Option Bildergalerie anzeigen (Standard: an). Deaktivieren Sie sie, um die in das HTML-Template integrierte Bildergalerie auszublenden — etwa wenn Sie oberhalb des Titels eine eigene Galerie platzieren möchten.

Einsatzszenarien

In einzelnen Immobilien

Fügen Sie den Block direkt in den Inhalt einer Immobilie ein, um die Detailansicht innerhalb des bestehenden Seitenlayouts darzustellen.

Im Site Editor (Block-Themes)

Wenn Sie ein Block-Theme verwenden, können Sie den Block in einem Template für den Beitragstyp immomakler_property platzieren. So wird die Detailansicht automatisch für alle Immobilien angezeigt.

Anpassungsmöglichkeiten

Der Block rendert die Standard-Detailansicht von WP-ImmoMakler. Das Erscheinungsbild lässt sich anpassen über:

• WP-ImmoMakler Customizer unter Design > Customizer > WP-ImmoMakler
• CSS-Anpassungen im WordPress Customizer oder per Child-Theme
• WP-ImmoMakler Child-Skin-Plugin für tiefergreifende Template-Änderungen

Tipp

Für eine modulare Gestaltung mit einzelnen Bausteinen (Galerie, Daten, Karte etc.) empfehlen sich Page Builder mit umfangreicherer WP-ImmoMakler-Integration wie Elementor Pro, Bricks Builder oder Divi Theme Builder.

Vorschau und Testen

Der Gutenberg-Editor zeigt eine Live-Vorschau des Blocks direkt im Editor. Um das endgültige Ergebnis zu prüfen:

1. Speichern oder veröffentlichen Sie die Immobilie.
2. Klicken Sie auf Beitrag anzeigen oder öffnen Sie die Immobilie im Frontend.
3. Prüfen Sie, ob die Detailansicht korrekt dargestellt wird.

Vorschau-Immobilie

Der Block zeigt im Site Editor eine Live-Vorschau mit echten Immobiliendaten. Welche Immobilie dabei verwendet wird, legen Sie fest:

• Global unter WP-ImmoMakler → Einstellungen → Theme Builder → Vorschau-Immobilie
• Pro Vorlage im Site Editor: Zahnrad-Symbol (Template-Einstellungen) → Vorschau-Immobilie — durchsuchbares Auswahlfeld, überschreibt die globale Einstellung für diese Vorlage

Das könnte Sie auch interessieren

• Gutenberg-Blöcke Übersicht
• Archiv-Seite erstellen
• Einstellungen: Theme Builder
• Galerie: Slideshow konfigurieren