O Bloco de cobertura inclui opções para estilizar seu banner. Neste guia, você aprenderá a adicionar uma sobreposição, ajustar a proporção, aplicar borda e sombra e ajustar o ponto focal de imagens e vídeos em formato de banner.
Neste guia
Uma sobreposição adiciona uma camada de cor semitransparente sobre a imagem ou o vídeo do banner, melhorando a legibilidade do texto e de outros conteúdos. Para adicionar ou ajustar as configurações de sobreposição, siga estas etapas:
- Clique no Bloco de cobertura para selecioná-lo.
- Na barra lateral de configurações do bloco, clique no ícone Estilos. Ele tem a aparência de um círculo preto e branco.
- Na seção “Cor“, clique na cor de Sobreposição para alterar a cor da sobreposição.
- Ajuste o controle deslizante de Opacidade da sobreposição para controlar a transparência da cor da sobreposição. Uma opacidade de 0 significa que a imagem fica completamente visível. Uma opacidade de 100 significa que a sobreposição cobre totalmente a imagem. Dependendo do seu design, uma opacidade de sobreposição entre 25 e 75 funciona bem.
Você pode controlar o formato do seu banner ajustando a proporção. Para ajustar a proporção do Bloco de cobertura, siga estas etapas:
- Clique no Bloco de cobertura para selecioná-lo.
- Na barra lateral de configurações do bloco, clique no ícone Estilos. Ele tem a aparência de um círculo preto e branco.
- Localize a configuração Proporção.
- Selecione uma proporção predefinida no menu suspenso.
Para adicionar uma borda ou uma sombra ao seu Bloco de cobertura, siga estas etapas:
- Clique no Bloco de cobertura para selecioná-lo.
- Na barra lateral de configurações do bloco, clique no ícone Estilos. Ele tem a aparência de um círculo preto e branco.
- Localize a seção Borda e sombra.
- Ajuste a largura, a cor e o raio da borda usando os controles disponíveis.
- Você também pode ativar uma sombra projetada clicando no ícone ⋮ e ativando as configurações de Sombra.
Saiba mais sobre as configurações de borda e sombra.
Um fundo fixo (efeito parallax) mantém a imagem do banner no lugar enquanto os visitantes rolam a página. Veja um exemplo:
Siga estas etapas para criar uma imagem de fundo fixa:
- Adicione um Bloco de cobertura.
- Na barra lateral de configurações do bloco, clique no ícone Estilos. Ele tem a aparência de um círculo preto e branco.
- Ative “Fundo fixo“.
Se você tiver enviado um vídeo para o Bloco de cobertura, essa opção não estará disponível.
A opção Fundo repetido repete a mesma imagem para formar um padrão no Bloco de cobertura. Para repetir um fundo no Bloco de cobertura, siga estas etapas:
- Clique no Bloco de cobertura para selecioná-lo.
- Na barra lateral de configurações do bloco, clique no ícone Estilos. O ícone Estilos parece um círculo preto e branco.
- Ative “Fundo repetido“.
Se você enviou um vídeo para o Bloco de cobertura, essa opção não estará disponível.
O ponto focal determina qual parte da imagem ou do vídeo permanece visível quando o banner é redimensionado. Isso é útil quando a imagem de capa é visualizada em uma tela pequena, como a de celulares, e não pode ser exibida por completo. Em telas menores, a imagem será centralizada ao redor do ponto focal escolhido para garantir que a parte mais importante da imagem fique visível.
Para ajustar o ponto focal, siga estas etapas:
- Clique no Bloco de cobertura para selecioná-lo.
- Na barra lateral de configurações do bloco, clique no ícone Estilos. O ícone Estilos parece um círculo preto e branco.
- Localize o Seletor de ponto focal.
- Arraste o marcador para ajustar a área de foco.
Se você enviou um vídeo como mídia de capa, também pode definir uma imagem de pôster para usar como miniatura do vídeo.
Para aplicar um estilo de onda na parte superior ou inferior do Bloco de cobertura, siga estas etapas:
- Clique no Bloco de cobertura para selecioná-lo.
- Na barra lateral de configurações do bloco, clique no ícone Estilos. O ícone Estilos parece um círculo preto e branco.
- Clique na opção “Onda inferior” ou “Onda superior” para aplicar um estilo de onda.
- Clique em Padrão para remover o estilo de onda.
Suporte 