Bloques de Gutenberg

WP-ImmoMakler proporciona bloques de Gutenberg con los que los contenidos de inmuebles pueden integrarse directamente en cualquier página o entrada de WordPress.

Los bloques se encuentran en la categoría Widgets del editor de bloques.

Vista de lista

Con el bloque Vista de lista de inmuebles diseña la vista de lista de inmuebles de su sitio web — la lista de resultados completa, incluyendo formulario de búsqueda, navegación de páginas y vista de mapa. El bloque pertenece a la plantilla de la vista de lista (Site Editor o página de plantilla), no a una página cualquiera.

Vista de detalle

Con el bloque Vista detallada del inmueble diseña la página de detalle de sus inmuebles — la vista de detalle completa, incluyendo galería, tablas de datos, formulario de contacto y mapa, siempre para el inmueble solicitado. El bloque pertenece a la plantilla de la vista de detalle (Site Editor o página de plantilla).

Galería

Con el bloque Galería de inmuebles integra únicamente la galería de imágenes de un inmueble — como Slideshow o cuadrícula estática, con control total sobre el diseño, las proporciones, los tamaños y el aspecto por instancia de bloque.

Fotogalería “Cuadrícula”

Con el bloque Fotogalería “Cuadrícula” muestra las imágenes de un inmueble en el diseño de cuadrícula alternante. Cada cuatro fotos forman un bloque con disposición alternante (imagen grande a la izquierda / a la derecha). La relación de aspecto del bloque, la distribución de altura de fila, el espaciado, el número de imágenes y el filtro de imágenes son configurables por instancia de bloque.

Equipamiento/Características

Con el bloque Equipamiento/características muestra los atributos de equipamiento de un inmueble como lista de iconos configurable.

Lista de precios

Con el bloque Lista de precios muestra los campos de precio de un inmueble — precio de compra, alquiler, gastos adicionales, fianza, comisión y más — como lista de definición. Cada campo se puede activar o desactivar individualmente por instancia de bloque.

Texto de descripción

Con el bloque Descripción del inmueble muestra un único texto de descripción de un inmueble (descripción del inmueble, equipamiento, descripción de la ubicación, otras indicaciones o descripción corta) — con formato configurable como limpieza de HTML, vinculación automática y conversión de listas.

Datos del inmueble

Con el bloque Datos del inmueble muestra todos los datos clave de un inmueble — áreas, habitaciones, año de construcción, calefacción, precios y más — como lista de definición de dos columnas. Solo se muestran los campos para los que realmente hay valores introducidos.

Datos de contacto

Con el bloque Datos de contacto muestra los datos de contacto de la persona de contacto de un inmueble — nombre, empresa, dirección, correo electrónico, teléfono, sitio web y más. Cada uno de los 17 campos se puede activar o desactivar individualmente por instancia de bloque.

Formulario de contacto

Con el bloque Formulario de contacto muestra el formulario de contacto de WP-ImmoMakler. Los campos, los campos obligatorios y los enlaces de política de privacidad se gestionan centralmente en la configuración del plugin.

Certificado energético

Con el bloque Certificado energético muestra los datos del certificado energético de un inmueble — específico por país para Alemania, Austria, España e Italia.

Con el bloque Diagrama de certificado energético PLUS muestra el diagrama gráfico del certificado energético.

Bloques disponibles

Bloque	Nombre del bloque	Descripción
Vista de la lista de inmuebles	`immomakler/archive-html`	Lista completa de inmuebles con plantilla HTML de WP-ImmoMakler
Vista detallada de inmuebles	`immomakler/single-html`	Página de detalle completa del inmueble con plantilla HTML de WP-ImmoMakler
Galería de inmuebles	`immomakler/gallery`	Galería de imágenes independiente de un inmueble (Slideshow o cuadrícula)
Equipamiento/características	`immomakler/single-features`	Atributos de equipamiento de un inmueble como lista de iconos configurable
Descripción del inmueble	`immomakler/single-description-text`	Texto de descripción individual de un inmueble con formato configurable
Datos del inmueble	`immomakler/single-data`	Todos los datos clave de un inmueble como lista de definición de dos columnas
Datos de contacto	`immomakler/single-contact-data`	Datos de contacto de la persona de contacto de un inmueble, campos individualmente configurables
Formulario de contacto	`immomakler/single-contact-form`	Formulario de contacto de un inmueble, configuración centralizada en la configuración del plugin
Certificado energético	`immomakler/single-epass`	Datos del certificado energético de un inmueble como lista, específico por país
Diagrama del certificado energético PLUS	`immomakler/single-epass-diagram`	Diagrama gráfico del certificado energético (solo edición Plus)
Fotogalería “Cuadrícula”	`immomakler/gallery-grid`	Imágenes de un inmueble en el diseño de cuadrícula alternante de 4 fotos
Lista de precios	`immomakler/single-data-prices`	Campos de precio de un inmueble como lista de definición, configurable campo por campo

Datos dinámicos

Con los Block Bindings de WordPress también puede conectar los bloques estándar del editor — párrafo, título, imagen, botón — directamente con los datos de un inmueble. Consulte Datos dinámicos (Block Bindings).

Detalles técnicos

Los bloques se renderizan en el servidor (render.php) y utilizan el componente ServerSideRender de WordPress para la vista previa en el editor. El editor muestra una vista previa con los archivos CSS del skin:

Bootstrap CSS
immomakler.css
immomakler-plus.css

Los bloques no cargan CSS adicional en el frontend, ya que los estilos del skin ya están integrados globalmente.

Inmueble de vista previa

En el Site Editor, los bloques de WP-ImmoMakler muestran una vista previa en tiempo real con datos reales de inmuebles. Usted controla qué inmueble se utiliza como ejemplo en dos niveles:

Globalmente: en el backend de su sitio web (wp-admin) en WP-ImmoMakler → Ajustes → Theme Builder → Inmueble de vista previa. Esta selección se aplica a todos los bloques y plantillas, salvo que se haya realizado una selección específica por plantilla.
Por plantilla: En el Site Editor, abra la Configuración de plantilla (icono de engranaje en la parte superior derecha) y seleccione un inmueble en el campo de búsqueda en Inmueble de vista previa. Así puede, por ejemplo, utilizar una casa para una plantilla de casas y un local comercial para una plantilla de locales como vista previa. La selección específica por plantilla tiene prioridad sobre el ajuste global.

Guías paso a paso

Crear página de archivo — Integrar la vista de lista de inmuebles con el bloque de Gutenberg
Crear página de detalle — Integrar la vista de detalle de inmuebles con el bloque de Gutenberg
Usar el bloque de galería — Integrar la galería de imágenes de un inmueble como bloque independiente
Insertar equipamiento/características — Integrar los atributos de equipamiento de un inmueble como lista de iconos con el bloque de Gutenberg
Insertar texto de descripción — Mostrar un único texto de descripción de un inmueble con el bloque de Gutenberg
Insertar datos del inmueble — Mostrar todos los datos clave de un inmueble como lista de definición con el bloque de Gutenberg
Insertar datos de contacto — Mostrar los datos de contacto de la persona de contacto de un inmueble con el bloque de Gutenberg
Insertar formulario de contacto — Mostrar el formulario de contacto de un inmueble con el bloque de Gutenberg
Insertar certificado energético — Mostrar los datos del certificado energético de un inmueble con el bloque de Gutenberg
Insertar bloque Fotogalería “Cuadrícula” — Configurar imágenes en el diseño de cuadrícula alternante por instancia de bloque
Insertar bloque Lista de precios — Mostrar los campos de precio como lista de definición, configurable campo por campo
Usar datos dinámicos — Conectar bloques estándar como Botón o Imagen con los campos de un inmueble