Insertar bloque Lista de iconos de datos clave

Con el bloque de Gutenberg Lista de iconos de datos básicos (immomakler/single-icon-list) muestra los datos clave del inmueble — superficies, número de habitaciones, plazas de aparcamiento y mucho más — como una lista de iconos compacta que fluye horizontalmente. Cada elemento consiste en un icono y el valor correspondiente. El bloque tiene el mismo alcance funcional y resultado que el widget de Elementor del mismo nombre, “Lista de iconos de datos básicos”.

Requisitos

WordPress con editor Gutenberg (desde WordPress 5.0)
WP-ImmoMakler (cualquier edición)

Insertar el bloque

Editar inmueble o abrir plantilla

Abra un inmueble existente en el editor o una plantilla basada en bloques para el tipo de contenido Inmueble (requiere un tema de bloques o el editor de sitio).
Insertar el bloque

Haga clic en el símbolo + y busque Lista de iconos de datos básicos o navegue a la categoría Widgets. Inserte el bloque.
Comprobar vista previa

En el editor se muestra inmediatamente una vista previa en tiempo real con los datos de un inmueble de muestra existente. En la página real del inmueble se muestran los datos del objeto correspondiente.

Configurar elementos

En el panel del bloque Elementos (barra lateral izquierda, pestaña Configuración) gestiona qué campos aparecen en la lista de iconos.

Cambiar el orden

Use los botones de flecha hacia arriba y flecha hacia abajo junto a cada entrada para ajustar el orden de visualización.

Añadir o eliminar elementos

Haga clic en el símbolo × de una entrada para eliminarla. Use + Añadir elemento al final de la lista para agregar nuevos campos.

Configurar una entrada

Haga clic en el botón de flecha hacia abajo de una entrada para desplegar su configuración:

Configuración	Descripción
Campo	El campo de datos del inmueble cuyo valor se muestra (p. ej. `wohnflaeche`, `anzahl_zimmer`).
Icono	Icono de la biblioteca estándar de WP-ImmoMakler. Automático selecciona el icono correspondiente al campo.

Configurar la lista

En el panel del bloque Lista controla los espaciados y la alineación de los elementos:

Configuración	Descripción
Espacio entre elementos (px)	Espacio horizontal entre los pares icono-valor. Predeterminado: 16 px.
Espaciado de fila (px)	Espacio entre las filas cuando los elementos se adaptan. Predeterminado: 8 px.
Alineación	Alineación de la lista de iconos en el bloque: Izquierda, Centro o Derecha.

Estilo de iconos

En el panel del bloque Icono ajusta la apariencia de todos los iconos:

Configuración	Descripción
Color	Color de los iconos SVG. Sin especificación, se usa el color de texto del tema.
Tamaño (px)	Ancho y alto de los iconos. Predeterminado: 16 px, rango: 8–96 px.
Espacio al texto (px)	Espacio entre el icono y el valor correspondiente. Predeterminado: 6 px.

Estilo del texto

En el panel del bloque Texto ajusta el color del texto de valores:

Configuración	Descripción
Color	Color de texto de los valores de campo mostrados. Sin especificación, se usa el color de texto del tema.

Clases CSS para personalizaciones propias

Para una personalización más avanzada puede usar reglas CSS propias en su tema:

/* Lista envoltorio */
.immomakler-icon-list { }

/* Par icono-valor individual */
.immomakler-icon-list__item { }

/* Contenedor del icono */
.immomakler-icon-list__icon { }

/* Valor */
.immomakler-icon-list__text { }

Diferencia respecto a Cajas de datos clave

Ambos bloques muestran datos clave del inmueble — la diferencia radica en el enfoque:

	Lista de iconos de datos clave	Cajas de datos clave
Visualización	Lista compacta de iconos + valores en flujo	Cajas visualmente delimitadas con icono, etiqueta y valor
Etiqueta	Ninguna (solo el valor visible, etiqueta como información emergente)	Sí, como elemento independiente por caja
Opciones de diseño	Simples: espaciado, alineación	Amplias: Flex/Cuadrícula, diseño de caja, orden
Adecuado para	Resumen compacto, p. ej. en vistas de lista o barras laterales	Páginas de detalle con datos clave destacados