Insertar bloque Galería fotográfica "Cuadrícula"

Con el bloque de Gutenberg Galería fotográfica “Cuadrícula” (immomakler/gallery-grid) incrusta las imágenes de un inmueble en el diseño de cuadrícula alterna — de forma independiente de la vista de detalle completa. Cada cuatro fotos forman un bloque, donde la disposición (imagen grande a la izquierda / imagen grande a la derecha) se alterna automáticamente. El bloque tiene el mismo alcance funcional y resultado que el widget de Elementor del mismo nombre.

Requisitos

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

Insertar el bloque

Abrir una página o plantilla

En el backend de su sitio web (wp-admin), abra una página, una entrada 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 Galería fotográfica Cuadrícula o navegue a la categoría Widgets. Inserte el bloque.
Configurar el bloque

Ajuste las opciones en el panel lateral Diseño. La vista previa del editor se actualiza en tiempo real tras cada cambio.
Guardar y publicar

Guarde o actualice la página. La cuadrícula está disponible inmediatamente en el frontend.

Opciones de configuración

Todas las opciones se encuentran en el panel lateral Diseño.

Relación de aspecto del bloque

Establece la relación de aspecto general de un bloque de 4 fotos.

Valor	Proporción
4:3	Formato apaisado clásico
3:2	Formato apaisado fotográfico
2:1	Panorama (predeterminado)
Sección áurea	1,618:1
1:1	Cuadrado

Distribución de la altura de fila

Controla cómo se distribuye la altura total del bloque entre la fila superior e inferior.

Valor	Distribución
1:1	Ambas filas de igual altura
2:1	Fila superior el doble de alta (predeterminado)
Sección áurea	Fila superior más alta según la sección áurea

Espaciado

Espacio entre las imágenes individuales dentro de un bloque y entre los bloques. Configurable en px (predeterminado: 20 px), em, rem, vw o vh.

Limitar el número de imágenes

Restringe el número total de imágenes mostradas.

Valor	Descripción
Ilimitado	Se muestran todas las imágenes disponibles (predeterminado)
4 / 8 / 12 / 16	Solo se muestran las primeras N imágenes

Filtro de imágenes

Restringe qué imágenes del archivo multimedia del inmueble se muestran.

Valor	Descripción
Todas las imágenes	Muestra todas las imágenes del inmueble (predeterminado)
Todas excepto planos	Oculta los planos
Solo planos	Muestra únicamente las imágenes de planos

Diseño de la cuadrícula en detalle

Cada bloque contiene exactamente cuatro fotos en una cuadrícula CSS de 4 columnas. La disposición se alterna con cada bloque:

Bloques impares (1.º, 3.º, …): Foto 1 arriba a la izquierda (2 columnas de ancho), foto 2 a la derecha (2 columnas, abarcando ambas filas), fotos 3 y 4 abajo a la izquierda, cada una de 1 columna de ancho.
Bloques pares (2.º, 4.º, …): Foto 1 a la izquierda (2 columnas, abarcando ambas filas), foto 2 arriba a la derecha (2 columnas de ancho), fotos 3 y 4 abajo a la derecha, cada una de 1 columna de ancho.

Si un inmueble tiene menos de cuatro imágenes (o el último grupo está incompleto), solo se colocan las imágenes disponibles — las celdas de cuadrícula restantes quedan vacías.

Vista previa en el editor

El editor de Gutenberg muestra una vista previa en tiempo real renderizada en el servidor de la cuadrícula directamente en el editor. Si no hay ningún inmueble disponible en el contexto de la página (p. ej. en una página normal), el bloque recurre a un inmueble de muestra.

También puede interesarle

Insertar bloque Galería — Galería de imágenes como Slideshow o cuadrícula estática
Crear página de detalle — Vista de detalle completa como plantilla de bloque
Galería de imágenes: Slideshow con miniaturas
Galería de imágenes: Imagen estática