Eckdaten-Boxen Block einsetzen

This content is not available in your language yet.

Mit dem Gutenberg-Block Eckdaten-Boxen (immomakler/single-data-boxes) stellen Sie die wichtigsten Daten einer Immobilie – Preis, Fläche, Zimmeranzahl u.v.m. – als optisch ansprechende Boxen dar. Jede Box zeigt ein Icon, eine Beschriftung und den zugehörigen Wert. Der Block entspricht in Funktionsumfang und Ausgabe dem gleichnamigen Elementor-Widget „Eckdaten-Boxen” und lässt sich für jede Instanz individuell konfigurieren.

Voraussetzungen

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

Block einfügen

Immobilie bearbeiten oder Template öffnen

Öffnen Sie eine bestehende Immobilie im Editor oder ein Block-basiertes Template für den Beitragstyp Immobilie (erfordert ein Block-Theme oder den Site Editor).
Block einfügen

Klicken Sie auf das +-Symbol und suchen Sie nach Eckdaten-Boxen oder navigieren Sie zur Kategorie Widgets. Fügen Sie den Block ein.
Vorschau prüfen

Im Editor wird sofort eine Live-Vorschau mit den Daten einer vorhandenen Beispiel-Immobilie angezeigt. Auf der tatsächlichen Immobilien-Seite erscheinen die Daten des jeweiligen Objekts.

Felder konfigurieren (Einträge)

Im Block-Panel Einträge (linke Seitenleiste, Reiter Einstellungen) verwalten Sie, welche Datenfelder als Box dargestellt werden.

Reihenfolge ändern

Verwenden Sie die Pfeil-nach-oben und Pfeil-nach-unten-Schaltflächen neben jedem Eintrag, um die Anzeigereihenfolge anzupassen.

Eintrag einblenden/ausblenden

Klicken Sie auf das ×-Symbol eines Eintrags, um ihn zu entfernen. Über + Eintrag hinzufügen am Ende der Liste fügen Sie neue Felder hinzu.

Eintrag konfigurieren

Klicken Sie auf den Pfeil-nach-unten-Button eines Eintrags, um seine Einstellungen aufzuklappen:

Einstellung	Beschreibung
Feld	Das Immobilien-Datenfeld, dessen Wert in der Box angezeigt wird (z. B. `kaufpreis`, `wohnflaeche`).
Icon	Icon aus der WP-ImmoMakler Standardbibliothek. Automatisch wählt das zum Feld passende Icon (z. B. Haus-Icon für Kaufpreis, Flächen-Icon für m²-Felder).
Beschriftung überschreiben	Optionaler Text, der die automatische Feldbeschriftung ersetzt (z. B. „Preis” statt „Kaufpreis”).
Wenn leer	Steuert, was passiert, wenn das Feld beim Objekt nicht befüllt ist: Box ausblenden (Standard) oder Platzhalter anzeigen.
Platzhalter	Nur sichtbar bei „Platzhalter anzeigen”: –, k. A. oder keine Angabe.

Layout & Darstellung

Im Block-Panel Darstellung steuern Sie, wie die Boxen angeordnet sind:

Darstellungsstil

Option	Beschreibung
Flex (fließend)	Boxen ordnen sich nebeneinander an und umbrechen automatisch – geeignet für eine variable Anzahl von Boxen.
Grid (Raster)	Boxen werden in einem festen Raster angeordnet. Beim Grid-Stil wird die Spaltenanzahl (1–6) einstellbar.

Box-Layout

Steuert, wie Icon, Beschriftung und Wert innerhalb einer Box angeordnet sind:

Option	Anordnung
Gestapelt (Standard)	Icon, Beschriftung und Wert übereinander. Die genaue Reihenfolge ist über „Reihenfolge (Gestapelt)” konfigurierbar.
Icon links – Beschriftung/Wert rechts	Icon in der linken Spalte, Beschriftung oben-rechts, Wert darunter.
Icon links/Wert rechts – Beschriftung darunter	Icon oben-links, Wert oben-rechts, Beschriftung zentriert darunter.

Reihenfolge (Gestapelt)

Nur beim Box-Layout Gestapelt: Wählen Sie eine der sechs möglichen Anordnungen von Icon (I), Beschriftung (B) und Wert (W):

I → B → W (Standard)
I → W → B
B → I → W
B → W → I
W → I → B
W → B → I

Styling

Das Aussehen der Boxen (Farben, Abstände, Schriftgrößen etc.) passen Sie über das Block-Werkzeugleisten-Menü und die Design-Optionen in der Seitenleiste an — genau wie bei anderen WordPress-Blocks. Für weitergehende Anpassungen können Sie in Ihrem Theme eigene CSS-Regeln für die Block-Klassen schreiben:

/* Wrapper-Liste */
.immomakler-data-list { }

/* Einzelne Box */
.immomakler-data-box { }

/* Icon, Beschriftung, Wert */
.immomakler-data-icon { }
.immomakler-data-label { }
.immomakler-data-value { }