Con los bloques Grupo, puedes añadir estilos de diseño a grupos de contenido. En esta guía, aprenderás a personalizar la apariencia de un bloque Grupo con colores, bordes y elementos visuales.
Los estilos predefinidos son una característica incluida en varios temas de bloques. Para aplicar un estilo predefinido, sigue estos pasos:
- Haz clic en vista de lista en la parte superior de la pantalla de edición.
- Elige el bloque Grupo.
- En la barra lateral de ajustes del bloque, haz clic en la pestaña Estilos (el icono es un círculo mitad blanco, mitad negro).
- Haz clic en un estilo para aplicarlo a tu bloque Grupo.
Aunque no tengas estilos predefinidos, sigues teniendo un control total para aplicar tus estilos a un bloque Grupo (se describe a continuación).
Puedes cambiar los colores por defecto de un bloque Grupo, incluido el color de fondo y el color del texto, entre otros. Para cambiar los colores de un bloque Grupo, sigue estos pasos:
- Haz clic en vista de lista en la parte superior de la pantalla de edición.
- Elige el bloque Grupo.
- En la barra lateral de ajustes del bloque, localiza la sección Color .
- Haz clic en el nombre del elemento al que quieres cambiarle el color y elige el color nuevo.
- Haz clic en el icono de opciones de color (⋮) para habilitar las opciones para cambiar los colores por defecto del encabezado y del botón.
- Haz clic en «Guardar» o en «Publicar» para guardar tus cambios.
Obtén más información sobre cómo cambiar los colores.
Las imágenes de fondo generan interés visual y dan contexto a tu contenido. Para añadir una imagen de fondo a un bloque Grupo, sigue estos pasos:
- Haz clic en vista de lista en la parte superior de la pantalla de edición.
- Elige el bloque Grupo.
- En la barra lateral de ajustes del bloque, busca la sección «Imagen de fondo».
- Haz clic en «Añadir imagen de fondo» para elegir una imagen de la biblioteca de medios de tu sitio o subir una.
Para eliminar una imagen de fondo, haz clic en el icono deopciones de imagende fondo (⋮) en la sección «Imagen de fondo» y elige el enlace «Restablecer».
Los bordes y las sombras crean profundidad y ayudan a separar visualmente las secciones de contenido. Para añadir estos elementos a un bloque Grupo, sigue estos pasos:
- Haz clic en vista de lista en la parte superior de la pantalla de edición.
- Elige el bloque Grupo.
- En la barra lateral de ajustes del bloque, busca la sección Borde y sombreado .
- Personaliza tu borde ajustando los siguientes elementos:
- Ancho: el grosor con el que aparece el borde.
- Estilo: estilos de línea lisos, con guiones o con puntos.
- Color: elige entre colores predefinidos o crea un color personalizado.
- Radio: añade esquinas redondeadas a tu bloque Grupo.
- Haz clic en el icono de opciones de borde y sombra (⋮) para mostrar las opciones de sombra y, a continuación, elige entre diseños de sombras predefinidos.
Obtén más información sobre los ajustes de borde y sombreado.
Crear diseños coherentes en tu sitio ahorra tiempo y mejora la cohesión visual. Para establecer estilos por defecto para todos los bloques Grupo, sigue estos pasos:
- Ve a Apariencia → Editor → Estilos.
- Busca el bloque Grupo en la sección Bloques y establece el fondo, el borde y otras opciones de estilo que prefieras.
- Haz clic en Guardar para aplicar estos valores predeterminados a todos los bloques Grupo.
Nota: Podrás seguir personalizando bloques Grupo concretos con la barra lateral de ajustes del bloque.
Obtén más información sobre cómo configurar estilos para tu sitio.
