Crie figuras com cores sólidas para aprimorar o design da página.

Use blocos de forma para adicionar diferentes formas às seções do Editor Intuitivo. Essa é uma ótima maneira de variar seus layouts e adicionar motivos interessantes ou sobrepor blocos de forma com outros blocos para criar layouts visualmente mais marcantes.

Assista ao vídeo

Dica: os blocos de forma só adicionam uma forma de cor sólida ao design de página. Para adicionar uma imagem dentro de uma forma, use blocos de imagens.

Os blocos de forma são aceitos no Editor Intuitivo em sites da versão 7.1.

Adicionar um bloco de forma

Para adicionar um bloco de forma:

1. Edite uma página ou publicação, clique em Adicionar bloco e depois em Forma. Para ajuda, confira Adição de conteúdo com blocos.
2. Abra o editor clicando no ícone de lápis no bloco ou clicando duas vezes no bloco.
3. Em Forma, clique no menu suspenso e selecione a forma desejada. Se você selecionar a forma quadrada básica, defina os raios dos cantos.
4. Ative a chave Esticar para fazer com que a forma preencha o bloco. As proporções da forma podem mudar quando você redimensiona o bloco. Se você deixar a chave Esticar desativada, a forma manterá suas proporções quando o bloco for redimensionado.
5. Clique no ajuste Cor para definir a cor do bloco.
6. Clique no menu suspenso Modo de mesclagem para escolher uma configuração de transparência. Esses efeitos são ideais se você estiver sobrepondo um bloco de forma na frente de uma imagem ou outro conteúdo visual.
7. Ao lado de Riscado, habilite uma linha sólida ou pontilhada contornando a forma. Para linhas sólidas e pontilhadas, defina o traço Cor e Espessura. Para linhas pontilhadas, defina o tamanho do traço e da lacuna e a forma das extremidades .
8. Ative a chave Sombra projetada para adicionar uma sombra projetada à forma. Defina o Ângulo, a Distância, o Desfoque e a Cor.

Dica: se uma sombra projetada não aparecer, aumente as configurações de desfoque ou distância.

Cor do bloco de forma

No editor de blocos, você pode selecionar uma cor para sua forma na paleta do seu site ou escolher uma cor personalizada. Você também pode selecionar uma cor para a sombra projetada do bloco depois de ativá-la. Com essas configurações, cada bloco de forma adicionado pode ser de uma cor diferente com uma sombra projetada de outra cor.

Tenha em mente que, se você selecionar uma cor de paleta e mudar a paleta do seu site mais tarde, a cor poderá mudar para combinar com a nova paleta. Se você selecionar uma cor personalizada para o bloco de forma ou sua sombra projetada, essa cor permanecerá a mesma, mesmo que sua paleta mude.

Se você não selecionar uma cor no editor de blocos, os blocos de forma e suas sombras projetadas seguirão as cores padrão do tema de cores da seção. Para personalizar essas cores padrão:

1. Abra Estilos do Site.
2. Clique em Cores.
3. Passe o cursor sobre o tema da seção e clique no ícone de lápis. Se você não tiver certeza de qual tema a seção utiliza, verifique a etiqueta no canto superior direito da seção.
4. Role até Bloco de forma, depois mude a Cor de fundo e a Cor da sombra projetada.

Próximos passos

Depois de definir o design do bloco de forma:

• Redimensione o bloco para adequá-lo ao seu layout
• Mova o bloco para onde você quiser na página