Insertar bloque Descargas y Enlaces

Con el bloque de Gutenberg Descargas y enlaces (immomakler/single-downloads-links) muestra los archivos adjuntos (PDFs, documentos) y los enlaces externos de un inmueble como una lista de iconos. El bloque tiene el mismo alcance funcional y resultado que el widget de Elementor del mismo nombre, “Descargas y enlaces”.

Requisitos

WordPress con editor Gutenberg (desde WordPress 5.0)
WP-ImmoMakler (cualquier edición)
El inmueble debe tener archivos adjuntos (documentos/PDFs) o enlaces guardados

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 Descargas y enlaces 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. Si el inmueble de muestra no tiene descargas ni enlaces, aparece un marcador de posición. En la página real del inmueble se muestran los datos del objeto correspondiente.

Configurar la lista

En el panel del bloque Lista controla el diseño básico:

Configuración	Descripción
Diseño	Estándar (vertical): entradas apiladas. En línea (horizontal): entradas una junto a la otra, con salto de línea.
Alineación	Alineación de las entradas: Izquierda, Centro o Derecha.
Espacio entre elementos (px)	Espacio entre las entradas individuales de la lista. Predeterminado: 10 px.
Espaciado de fila (px)	Espacio adicional debajo de cada entrada (complementa el espacio entre elementos). Predeterminado: 0 px.
Ancho mínimo (px)	Ancho mínimo de cada entrada. Útil en el diseño en línea para anchos uniformes. Predeterminado: 0 (sin límite).

Separador

En el panel del bloque Separador añade separadores opcionales entre las entradas:

Configuración	Descripción
Mostrar separador	Activa los separadores entre las entradas (predeterminado: desactivado).
Estilo	Tipo de línea: Sólido, Doble, Punteado o Discontinuo.
Grosor (px)	Grosor de la línea en píxeles. Predeterminado: 1 px.
Ancho (%)	Ancho del separador como porcentaje del ancho del elemento. Predeterminado: 100 %.
Color	Color del separador. Predeterminado: `#ddd`.

Estilo de los elementos

En el panel del bloque Elementos diseña el fondo, el borde y el relleno interior de las entradas individuales:

Configuración	Descripción
Color de fondo	Color de fondo de cada entrada.
Estilo del borde	Tipo de borde: Sólido, Discontinuo, Punteado o Doble.
Grosor del borde (px)	Grosor del borde alrededor de cada entrada.
Color del borde	Color del borde.
Radio de las esquinas (px)	Redondeo de las esquinas (superior, derecho, inferior, izquierdo de forma independiente).
Relleno interior (px)	Relleno interior de cada entrada (superior, derecho, inferior, izquierdo de forma independiente).

Estilo de los iconos

En el panel del bloque Iconos selecciona y diseña los iconos:

Configuración	Descripción
Icono de descargas	Icono para las entradas de descarga: Archivo, Flecha de descarga o PDF.
Icono de enlaces	Icono para las entradas de enlace: Enlace externo, Eslabón de cadena o Globo.
Color	Color de los iconos. Sin especificación, se usa el color de texto del tema.
Color al pasar el cursor	Color del icono al pasar el cursor por encima.
Tamaño (px)	Ancho y alto de los iconos. Predeterminado: 14 px, rango: 6–96 px.
Espacio al texto (px)	Espacio entre el icono y el texto del enlace correspondiente. Predeterminado: 5 px.

Estilo del texto

En el panel del bloque Texto ajusta la tipografía del texto del enlace:

Configuración	Descripción
Color	Color de texto de los enlaces. Sin especificación, se usa el color de enlace del tema.
Color al pasar el cursor	Color de texto al pasar el cursor por encima.
Tamaño de fuente (px)	Tamaño de fuente. 0 = predeterminado del tema.
Peso de fuente	Grosor de fuente (Light a Extranegrita). Predeterminado = predeterminado del tema.
Altura de línea	Altura de línea como factor. 0 = predeterminado del tema.
Espaciado entre letras (px)	Espacio entre los caracteres.

Clases CSS para personalizaciones propias

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

/* Lista envoltorio */
.immomakler-downloads-links { }

/* Variante de diseño en línea */
.immomakler-downloads-links.immomakler-downloads-links--inline { }

/* Entrada individual de la lista */
.immomakler-downloads-links__item { }

/* Contenedor del icono */
.immomakler-downloads-links__icon { }

/* Elemento de enlace */
.immomakler-downloads-links__link { }