Bloque de clúster de WordPress: agregue una imagen de fondo en múltiples bloques

contenido
Cómo agregar el bloque de clúster
El grupo de bloques usando clúster
Múltiples bloques en uno
Configuración básica en la barra de herramientas: opciones de alineación de contenido
Nuevas características agregadas en WP 5.3
Cambiar el color del título
Nuevo color para separador utilizado en su sitio web
Cómo agregar una imagen de fondo en bloques agrupados
Superposición de fondo
Nuevo bloque de grupo disponible en el núcleo
¿Cuál es la diferencia entre el bloque de grupo y el bloque de clúster aitthemes?
Presentamos el bloque práctico que creé para el bloque de clúster Publisher de WordPress Gutenberg. Es parte de nuestro grupo de bloques especiales. Te ayudan a crear un hermoso sitio web. Todos los bloques personalizados están disponibles en los bloques Citadela del complemento.
Lea la documentación del bloque de clúster para obtener configuraciones detalladas. El bloque de clúster le permite agrupar más bloques en uno. Puede trabajar de manera eficiente con todo el grupo, porque era un solo bloque. El ancho del grupo se puede configurar en el ancho de página completa, lo que significa que tiene un espacio muy grande para agregar diferentes bloques. El clúster no se extenderá por todo el ancho si:
Tienes una barra lateral activa
Si usa columnas que limitarán el espacio para el clúster
Como algunos de los bloques base básicos de WordPress solo se pueden alinear con el contenido del contenido, el bloque de clúster ofrece una mayor variabilidad en la construcción de su sitio. Una característica excelente es que puede establecer una imagen de fondo para WordPress, puede cambiarlos. O puede configurar la superposición de la imagen de fondo. Por lo tanto, el fondo se puede configurar para el diseño del sitio web.
En este artículo te mostraremos:
Cómo agregar el bloque de clúster al editor de WordPressGroup Inside Cluster
Configuración básica en la barra de herramientas
Nuevas características agregadas en WP 5.3
Cómo agregar una imagen de fondo en bloques agrupados
¿Qué es la superposición de fondo?
¿Cuál es la diferencia entre el bloque de grupo y el bloque de clúster AIT?
Cómo agregar el clúster de bloque de clúster es un bloque premium y solo está disponible si instala y activa los bloques de Ciudadela del complemento. Después de instalar el complemento, el bloque de clúster se agregará automáticamente al editor de bloques de WordPress y puede comenzar a trabajar con él de inmediato.
El bloque de clúster se puede agregar a publicaciones y páginas. Simplemente haga clic en “+” Iniciar sesión en la barra superior o en cualquier lugar del escritorio del editor. Después de eso, solo busque el bloque de clúster.
Agregar el bloque de clúster haciendo clic en “+” La segunda opción para agregar el bloque de clúster es escribiendo “/” y con el nombre del bloque. El bloque de clúster está listo para su uso.

Agregar el bloque de clúster usando la barra oblicua “/” La agrupación de los bloques utilizando el clúster La característica principal del bloque de clúster es la agrupación de varios bloques en uno. Vamos a ver cómo funciona. Si inserta el bloque de clúster en su página, verá inmediatamente un sustituto “Inserte más bloques aquí”. Si hace clic en él, obtendrá una lista de todos los bloques disponibles. También puede buscar el bloque solicitado utilizando la barra de búsqueda en la parte superior de la lista.

El proceso de elegir e insertar los bloques imbricados, todos los bloques vestidos tendrán todas las opciones y configuraciones predeterminados. Por ejemplo, si inserta el bloque de imágenes, tendrá la opción de cargar una imagen o seleccionarla desde la biblioteca de medios. Usando el bloque de clúster, puede, por ejemplo, crear una sección atractiva en su sitio para presentar su trabajo reciente. Agregue imágenes de su cartera y luego configure la imagen de fondo debajo. Acaba de crear un hermoso enlace a su cartera que su cartera creada con el clúster de bloques de clúster también se puede utilizar para crear una presentación atractiva de productos. Puede establecer la imagen del producto como fondo de sección y elegir su color. El bloque de servicio también se puede vestir dentro del bloque de clúster.

Use el bloque de servicio en el bloque de clúster para presentar su producto (y sus características) de una manera más atractiva, varios bloques en uno si desea agregar más bloques en el clúster, puede usar el bloque de columna. Usando el bloque de columnas, puede agregar más bloques uno al lado del otro. Cada columna puede tener un tipo diferente de contenido, como imagen, párrafo, listas o botón.

Un ejemplo típico de varias columnas en combinación con el bloque de clúster es un sitio web de una sola página.

¿Cómo se puede usar el bloque de clúster en una página Configuración básica en la barra de herramientas: opciones de alineación de contenido De forma predeterminada? El ancho del bloque de clúster se establece en el tamaño del contenido. Puede cambiar este comportamiento en la barra de herramientas. Hay las siguientes opciones disponibles:

Tamaño del contenido: opción predeterminada, el bloque de clúster tiene el mismo ancho que el contenido. Gran dimensión: el contenido del clúster es más ancho que el contenido del contenido.

El ancho completo en este caso, el ancho del clúster es de un lado al otro de la ventana del navegador.
Es importante tener en cuenta que esta configuración afectará el contenido del clúster solo si su tema activo lo está aceptando actualmente. Todos los bloques vestidos se pueden configurar de acuerdo con la disponibilidad de sus opciones. Esta es una característica muy útil: especialmente si tiene un aspecto oscuro y un esquema de color, es mejor cambiar el texto predeterminado del texto (que es negro) a un color más claro.
No fue posible cambiar el color del título a un nuevo lanzamiento, lo que causó problemas de visibilidad de manera oscura. Por lo tanto, a menudo ha sucedido que el título se mezcló con el fondo de WordPress o la foto que agregó. Ahora puede elegir el color correcto del título para que su sitio brille. Nuevo color para separador utilizado en su sitio web al agregar a su WP una imagen de fondo o cualquier otro tipo de contenido, a veces es posible que lo necesite del resto del sitio. Para este propósito, puede usar el bloque especial llamado Separator. Al ingresar al separador puede:
Bloques específicos separados
Divida todo el texto en secciones más pequeñas
Resaltar las partes importantes
Asegure un mejor contenido de contenido
Simplifique la navegación en su sitio
Además, ahora puede cambiar el color de la línea de color con WordPress actualizado. El separador de color es perfecto para completar el esquema de color de su sitio web. Establezca el color de fondo debajo de los bloques agrupados. Todo se puede configurar fácilmente en el inspector de WordPress. Veamos cómo se hace. Haga clic en la imagen de fondo y active la función “Mostrar fondo”.
Haga clic en “Seleccione la imagen”. La biblioteca de medios se abrirá. Puede seleccionar una imagen existente o cargar una nueva imagen en su biblioteca.
La imagen de fondo también se puede configurar en la solución. Significa que si ejecuta la página, el fondo no se moverá con el contenido y su posición se solucionará.
También puede elegir qué parte de la imagen de fondo debe mostrarse utilizando “Selector de puntos focales”. También es posible elegir una parte de la imagen utilizando porcentajes.
Guía paso a paso sobre cómo agregar una imagen de fondo Superposición de fondo Una de las opciones avanzadas en el clúster es la superposición del fondo. Puede elegir uno de los colores predeterminados o puede seleccionar un color personalizado utilizando el selector de color. También es posible establecer la opacidad del color. Estas configuraciones para bloquear el clúster lo ayudan a crear una presentación realmente atractiva para el sitio web.