Kadence Bloques Bloque de superposición de imágenes Guía del usuario completa

En las páginas de visualización de imágenes, el efecto de superposición de imágenes realza el atractivo visual y hace que el mensaje sea más directo.Kadence Bloques Pro en el Bloques de superposición de imágenes Permite establecer la imagen de fondo, añadir texto y configurarhoverTanto las animaciones como los saltos de enlaces conforman un módulo de visualización de imágenes bien estructurado y versátil.

Este tutorial describe el proceso completo de configuración de la superposición de imágenes, incluida la selección de imágenes y la configuración del texto,hoverEstilos, controles de bordes y mucho más.

Insertar bloque de superposición de imágenes

Abra el editor de páginas, haga clic en Añadir bloque y, en la lista de bloques, busque el bloque Superposición de imágenes y se inserta en la página.

Este bloque contiene una imagen de marcador de posición con el texto del título por defecto, haga clic en él para iniciar la edición.

Configuración de la imagen de fondo

Haga clic en el área de imagen y seleccione una imagen para utilizarla como fondo. Se recomienda seleccionar una imagen con una composición limpia y clara para facilitar su visualización con texto y efectos de superposición.

Configuración de enlaces y animaciones hover

La superposición de imágenes admite el salto de clic en bloque completo, puedes añadirle una dirección de enlace y establecer si se abre en una nueva pestaña o no.

En la columna de configuración de la derecha puede seleccionarhoverLos efectos de animación en el momento, tales como zoom, desvanecimiento, desenfoque, cambio de brillo y así sucesivamente. Diferentes animaciones traerán diferentes sensaciones visuales, que se pueden ajustar de forma flexible de acuerdo con el estilo de la página.

Añadir títulos y subtítulos

El bloque permite añadir un título principal y un subtítulo, y haciendo clic en el área de texto se puede introducir directamente el contenido.

El texto puede personalizarse con fuente, tamaño de fuente, color, altura de línea, peso de la palabra, etc. para satisfacer las necesidades de distintos estilos tipográficos.

Ajustar la alineación del texto

Ajusta la alineación del texto en la imagen, incluida la alineación a la izquierda, al centro o a la derecha, y admite ajustes de alineación en las direcciones superior e inferior (arriba, centro, abajo). La alineación flexible ayuda a mantener la página limpia y ordenada.

Estilos de sobreimpresión personalizados

Cuando el ratónhoverLa capa superpuesta aparecerá sobre la imagen. Puede definir el color de la superposición, la transparencia, la dirección del degradado, el método de transición de la animación, etc.

Configurar adecuadamente el color y la transparencia de la capa de superposición ayuda a resaltar la información del texto sin oscurecer el contenido principal de la imagen de fondo.

Añadir un separador de título

Añadir una línea separadora entre el título principal y el subtítulo puede hacer más clara la jerarquía del contenido. La línea separadora permite configurar el grosor, la longitud, el color y el estilo (sólido, punteado, etc.).

Configuración de estilos de bordes y esquinas redondeadas

Puede añadir un borde a todo el bloque Superposición de imagen, controlar la anchura, el color y el estilo del borde, y también configurar las esquinas redondeadas para suavizar el contorno general de la imagen.

La configuración de los bordes es especialmente útil en los diseños con varias imágenes para resaltar los bordes de las tarjetas y mejorar el reconocimiento visual.

Ajustar los márgenes interiores del bloque

Kadence Se admiten dos formas de establecer los márgenes:

configuración unificadacuatro márgenes con el mismo valor

ajuste separadoAjustes independientes para cuatro direcciones: arriba, derecha, abajo, izquierda

Una configuración adecuada de los márgenes puede ayudar a que los gráficos mantengan la sensación de transpirabilidad y a evitar la saturación de contenidos.

Ejemplos de aplicaciones

Los bloques de superposición de imágenes están disponibles para una amplia gama dediseño de páginaPor ejemplo:

Entrada a la sección gráfica de la página de inicio

Artículos destacados

Cubierta del módulo de producto o servicio

Presentación de las tarjetas de los miembros del equipo

Bloque de portada del proyecto o portafolio

Utilícelo con otros bloques de Kadence como Row Layout, Advanced Grid, Tabs, etc. para crear estructuras de página completas y atractivas.

resúmenes

El bloque Superposición de imágenes proporciona un control flexible sobre la visualización de imágenes. Mediante la configuración de imágenes, texto, estilos de superposición y animaciones interactivas, es fácil construir un módulo de visualización uniforme y bien estructurado.

La posibilidad de construir rápidamente bloques de contenido de imágenes para una amplia gama de escenarios sin escribir código ni configuraciones complejas es Kadence Bloques Pro Una parte muy práctica de la

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres