El diseño de mampostería es un estilo popular y moderno. Puede usarlo fácilmente en el sitio web del editor de bloques. El bloque GutenKit Advanced Masonry ayuda con todas las características y funciones necesarias que necesita para diseñar un estilo Masonry similar a Pinterest en su sitio web de WordPress.

Siga este documento para aprender cómo agregar un diseño de mampostería al sitio web del editor de bloques. 

Cómo utilizar el bloque de mampostería avanzado GutenKit #

Repasemos las diferentes partes del bloque GutenKit Advanced Masonry.

Agregar elementos de mampostería #

Una vez que ingresa al bloque de mampostería avanzado GutenKit, se carga con tres elementos de mampostería de forma predeterminada. Puedes agregar más haciendo clic en “Agregar elementos de mampostería" botón. Entre estos elementos, puedes agregar cualquier tipo de bloque. 

Tenga en cuenta que Cuando agrega un bloque a un elemento de mampostería, todas las configuraciones del bloque están disponibles. 

Configurar el diseño de mampostería #

Abra la configuración del bloque y comience desde el Pestaña Contenido.

Pestaña Contenido

• Elige estilo: Seleccione un estilo entre Mampostería y Cuadrícula.
• Número de columnas: define el número de columnas.
• Brecha entre: Ajusta el espacio entre columnas.
• Mostrar filtro por categoría: habilite este botón de alternancia para mostrar el nombre de la categoría.

Estilo Diseño de mampostería #

Desde el Pestaña Estilo, nos centraremos en la parte de personalización de los elementos de mampostería y los elementos de filtro.

Pestaña Estilo

Artículo

• Relleno: yoAumente el espacio dentro de los elementos de mampostería.
• Radio del borde: ajusta la redondez del borde del elemento de mampostería.

Las siguientes configuraciones se aplican tanto en estado normal como en estado flotante.

• Tipo de fondo: elija un tipo de fondo entre color sólido y degradado.
• Borde: elija un color para el borde y cambie su estilo y grosor. 
• Sombra de la caja: Haga clic en el icono de edición para obtener todas las configuraciones de sombra del cuadro.

Filtrar artículo

• Alineación: ajuste la ubicación de los elementos de la categoría de filtro a la izquierda, al centro y a la derecha.
• Brecha entre: define la brecha entre los elementos de la categoría de filtro.
• Tipografía: Obtenga todas las configuraciones de personalización de tipografía para el nombre de la categoría de filtro.

Las siguientes funciones se pueden ajustar para los modos Normal, Flotante y Activo. Aquí, el modo activo se refiere a la sección de mampostería actual que se muestra en su pantalla o cuando hace clic en ella.

• Color de fuente: cambia el color de fuente de la categoría de filtro.
• Fondo: elija un estilo de fondo entre color sólido y degradado.
• Borde: obtenga configuraciones de borde como color, grosor y estilo.
• Sombra de la caja: Da un efecto de sombra al borde del catering.
• Relleno: Ajuste los espacios entre los 
• Radio del borde: define la redondez del borde de la categoría de filtro.

Envoltorios de filtro

• Espaciado inferior: Deje espacio entre el contenido de mampostería.
• Tipo de fondo: Elija un tipo de fondo entre color sólido y degradado.
• Relleno: Cree espacio alrededor de la categoría de filtro.
• Radio de frontera: Ajusta la redondez del borde.

¡Eso es todo! Terminará diseñando un diseño de mampostería impresionante y responsivo en el sitio web de su editor de bloques.