Bloque Lista de superficies

Con el bloque de Gutenberg Lista de superficies (immomakler/single-data-areas) muestra los datos de superficie de un inmueble como una lista de definición de dos columnas, con etiqueta y valor. A diferencia del bloque de datos del inmueble, que muestra todos los datos clave a la vez, la Lista de superficies se limita a los campos de superficie — y usted decide, por instancia de bloque, cuáles de ellos aparecen. La estructura y las opciones de estilo son las mismas que las del bloque Lista de precios.

Lista de superficies en el frontend con superficie habitable y superficie del terreno

Requisitos

WordPress con editor Gutenberg
WP-ImmoMakler (cualquier edición)
Un inmueble en contexto: el bloque lee las superficies del inmueble que se muestra en ese momento. Colóquelo por tanto en una plantilla del Site Editor para el tipo de contenido Inmueble o en una plantilla de página — véase Crear página de detalle. En una página normal sin inmueble, el bloque permanece vacío.

Insertar el bloque

Abrir un template o una plantilla de página

Abra en el Site Editor la plantilla para el tipo de contenido Inmueble (requiere un tema de bloques) o la plantilla de página en la que se construye la vista de detalle de sus inmuebles.
Insertar el bloque

Haga clic en el icono + y busque Lista de superficies, o navegue a la categoría Widgets. Inserte el bloque.
Seleccionar campos

En la barra lateral, bajo Campos, desactive los campos de superficie que no deban aparecer en esta lista. Por defecto, todos los campos están activados.
Comprobar la vista previa y guardar

En el editor, el bloque muestra inmediatamente una vista previa en directo con los datos del inmueble de vista previa. Guarde la plantilla — en la página real del inmueble aparecerán las superficies del inmueble correspondiente.

Opciones

En la barra lateral (pestaña Ajustes) encontrará los siguientes paneles:

Panel	Opción	Valor predeterminado	Descripción
Ajustes	Mostrar etiquetado	Sí	Muestra las etiquetas de los campos de superficie en una columna propia junto a los valores. Desactivada, el bloque solo muestra los valores uno debajo del otro.
Campos	un interruptor por campo de superficie	todos Sí	Determina qué campos de superficie puede mostrar esta instancia del bloque (lista completa más abajo).
Celdas de la tabla	Distancia interior (Arriba / Derecha / Abajo / Izquierda)	10 / 3 / 3 / 3 px	Espaciado dentro de cada celda de la lista.
Celdas de la tabla	Borde	Ninguno	Línea divisoria entre las filas: Ninguno, Continuo, Discontinuo, Punteado o Doble. Las siguientes tres opciones solo aparecen al seleccionar un borde.
Celdas de la tabla	Ancho del borde (px) / Color del borde	1 px / valor predeterminado del tema	Grosor y color de las líneas divisorias.
Celdas de la tabla	“Trennlinien: Außenabstand (px)”	0	Prolonga las líneas divisorias hacia fuera, más allá del espaciado interior del bloque.
Celdas de la tabla	“Vertikale Trennlinie zwischen Spalten”	No	Dibuja además una línea vertical entre la columna de etiquetas y la de valores, con el estilo del borde seleccionado.
Etiquetado	“Spaltenbreite (%)”	55	Anchura de la columna de etiquetas; la columna de valores ocupa el resto.
Etiquetado	“Schriftgröße (px)” / “Schriftgewicht” / Color del texto	Valor predeterminado del tema	Tipografía de las etiquetas.
Valores	“Textausrichtung”	Izquierda	Alineación de los valores en su columna: Izquierda o Derecha.
Valores	“Schriftgröße (px)” / “Schriftgewicht” / Color del texto	Valor predeterminado del tema	Tipografía de los valores.

Además, el bloque admite las opciones estándar de WordPress para el espaciado interior y exterior en la pestaña Diseño.

Campos de superficie disponibles

El panel Campos enumera los campos de superficie en el mismo orden en que WP-ImmoMakler también los muestra:

Etiqueta	Key
Superficie habitable	`wohnflaeche`
Superficie útil	`nutzflaeche`
Espacio de oficina	`bueroflaeche`
Superficie total	`gesamtflaeche`
Superficie de tienda	`ladenflaeche`
Área de almacenamiento	`lagerflaeche`
Superficie de venta	`verkaufsflaeche`
Superficie comercial	`gewerbeflaeche`
Espacio abierto	`freiflaeche`
Oficinas	`bueroteilflaeche`
Espacio administrativo	`verwaltungsflaeche`
Zona de restauración	`gastroflaeche`
Espacio del ático	`dachbodenflaeche`
Zona del sótano	`kellerflaeche`
“Balkonfläche”	`balkonflaeche`
Superficie de la terraza	`terrassenflaeche`
Superficie de balcón/terraza	`balkon_terrasse_flaeche`
Zona ajardinada	`gartenflaeche`
Otra zona	`sonstflaeche`
Espacio alquilable	`vermietbare_flaeche`
Superficie calefactable	`beheizbare_flaeche`
“Fläche (Freitext)”	`flaeche_freitext`
“Wohnfläche (Freitext)”	`wohnflaeche_freitext`
“Grundstücksfläche (Freitext)”	`grundstuecksflaeche_freitext`
Superficie desde	`flaechevon`
Superficie hasta	`flaechebis`
Divisible de	`teilbar_ab`
Superficie del terreno	`grundstuecksflaeche`
Frente de ventana	`fensterfront`
“Fensterfront (m²)”	`fensterfront_qm`
Frente del inmueble	`grundstuecksfront`
Altura de la nave	`hallenhoehe`
Cubature	`kubatur`
Tasa de utilización	`ausnuetzungsziffer`
“Grundflächenzahl (GRZ)”	`grz`
“Geschossflächenzahl (GFZ)”	`gfz`
“Baumassenzahl (BMZ)”	`bmz`
“Bruttogrundfläche (BGF)”	`bgf`

Estilos mediante CSS

Cada fila de la lista lleva una clase con el patrón immomakler-data-{key}, de modo que puede dar estilo a campos de superficie concretos en su tema de forma específica:

/* Lista */
.wp-block-immomakler-single-data-areas .immomakler-single-data-areas__list { }

/* Etiqueta y valor de un campo concreto */
.wp-block-immomakler-single-data-areas dt.immomakler-data-wohnflaeche { }
.wp-block-immomakler-single-data-areas dd.immomakler-data-wohnflaeche { }

También puede interesarle

Lista de precios — mostrar los campos de precio de un inmueble con el mismo diseño de lista
Datos del inmueble — mostrar todos los datos clave de un inmueble como lista de definición
Cajas de datos clave — destacar los datos clave más importantes como cajas
Crear página de detalle — construir la vista de detalle en el Site Editor o en una plantilla de página