Crea figuras de color uniforme para mejorar el diseño de tu página.

Usa bloques de formas para agregar diferentes formas a las secciones de Editor dinámico. Esta es una excelente manera de variar tus diseños y agregar motivos llamativos o superponer bloques de forma con otros bloques para crear diseños más llamativos visualmente.

Mira el video

Consejo: los bloques de formas solo agregan una forma de color uniforme al diseño de tu página. Para agregar una imagen dentro de una forma, usa bloques de imagen.

Los bloques de formas son compatibles con Editor dinámico en los sitios de la versión 7.1.

Agrega un bloque de forma

Para agregar un bloque de forma:

1. Edita una página o publicación, haz clic en Agregar bloque y luego haz clic en Forma. Para obtener ayuda, visita Agregar contenido con bloques.
2. Abre el editor de bloques haciendo clic en el icono del lápiz en el bloque o doble clic en el bloque.
3. En Forma, haz clic en el menú desplegable y selecciona la forma que quieras. Si seleccionas la forma cuadrada básica, establece los radios de las esquinas.
4. Cambia el botón Estirar para que la forma llene el bloque. Las proporciones de la forma pueden cambiar cuando cambias el tamaño del bloque. Si dejas Estirar desactivado, la forma mantiene sus proporciones cuando cambias el tamaño del bloque.
5. Haz clic en el ajuste Color para establecer el color del bloque.
6. Haz clic en el menú desplegable Modo de fusión para elegir una configuración de transparencia. Estos efectos son ideales si estás superponiendo un bloque de forma frente a una imagen u otro contenido visual.
7. Al lado de Trazo, habilita una línea continua o punteada para delinear la forma. Para líneas continuas y punteadas, establece el Color y Grosor del trazo. Para las líneas punteadas, establece el tamaño de Guion y Espacio y la forma Extremos .
8. Haz clic en la opción Sombra paralela para agregar una sombra paralela a la forma. Establece el ángulo, la distancia, el desenfoque y el color.

Consejo: Si no aparece una sombra paralela, aumenta la distancia o la configuración de desenfoque.

Color del bloque de forma

En el editor de bloques, puedes seleccionar un color para tu forma en la paleta de tu sitio o elegir un color personalizado. También puedes seleccionar un color para la sombra del bloque después de habilitarla. Con estos ajustes, cada bloque de forma que agregues puede ser de un color diferente con una sombra paralela de color diferente.

Ten en cuenta que si seleccionas un color de paleta y cambias la paleta de tu sitio más tarde, el color puede cambiar para que coincida con tu nueva paleta. Si seleccionas un color personalizado para el bloque de formas o su sombra paralela, ese color permanece igual incluso si cambias tu paleta.

Si no seleccionas un color en el editor de bloques, los bloques de formas y sus sombras paralelas siguen los colores predeterminados del tema cromático. Para personalizar estos colores predeterminados:

1. Abre Estilos del sitio.
2. Haz clic en Colores.
3. Desplaza el cursor sobre el tema de la sección y haz clic en el icono del lápiz. Si no estás seguro de qué tema usa la sección, comprueba la etiqueta en la esquina superior derecha de la sección.
4. Desplázate hacia abajo hasta Bloque de formas, luego cambia Color de fondo y Color de sombra paralela.

Próximos pasos

Después de configurar el diseño del bloque de forma:

• Cambia el tamaño del bloque para que se adapte a tu diseño.
• Mueve el bloque a donde quieras que esté en la página.