Adicionar um banner ao seu site

Geralmente chamada de imagem “hero” ou banner, o Bloco de cobertura é usado para adicionar uma imagem grande, vídeo ou banner de texto ao seu site. Este guia mostra como adicionar um banner e selecionar a imagem, o vídeo ou a cor que será exibida.

Neste vídeo, você aprenderá a usar o Bloco de cobertura para adicionar um cabeçalho visual ou uma seção em estilo de banner ao seu site WordPress.com. Ele mostra como adicionar uma imagem de fundo ou vídeo, posicionar texto ou outros blocos por cima, ajustar o layout e o ponto focal, personalizar a sobreposição e visualizar o design em um dispositivo móvel.

Você pode adicionar uma imagem de banner ao seu site usando o Bloco de cobertura. Para adicionar um banner a uma página, post ou modelo, siga estas etapas:

1. Acesse o painel do seu site.
2. Dependendo de onde você quer adicionar o banner, vá para uma página, post ou modelo e edite ou crie um novo:
   • Página: acesse a seção Páginas no seu menu.
   • Post: acesse a seção Posts no seu menu.
   • Modelo: vá para Aparência → Editor e selecione o modelo.
3. Clique no ícone + (inseridor de blocos) e pesquise por “cobertura”.
   • Ou digite /cobertura onde aparecer “Digite / para escolher um bloco”.

4. Clique no ícone de cobertura para inserir o Bloco de cobertura: 

Depois de adicionar um Bloco de cobertura, selecione a mídia que será exibida. Você pode escolher uma das seguintes opções:

• Fazer upload: clique no botão “Fazer upload” para selecionar um arquivo no seu computador.
• Selecionar mídia: encontre a mídia em um destes locais:
  • Biblioteca de mídia: imagens e vídeos que você já enviou para a biblioteca de mídia do seu site.
  • Seu celular: use o aplicativo móvel do Jetpack para enviar mídia diretamente do seu celular.
  • Gerar com IA: forneça uma breve descrição do tipo de imagem que você quer usar, e a IA criará o design.
  • Google Fotos: selecione mídia da sua conta do Google Fotos conectada.
  • Pexels: pesquise imagens gratuitas na biblioteca do Pexels.
  • Openverse: pesquise imagens gratuitas na biblioteca do Openverse.
• Usar imagem destacada: exibe a imagem destacada da página ou do post quando ela estiver definida. Adicione um Bloco de cobertura a um modelo e selecione essa opção para exibir automaticamente a imagem destacada de qualquer página ou post que use esse modelo.
• Cor: em vez de adicionar uma imagem ou vídeo, selecione uma cor sólida para o banner.

Em seguida, você pode adicionar conteúdo, como texto e botões, ao banner, personalizar o layout do banner e ajustar o design do banner.

Considere o seguinte ao selecionar uma imagem para o banner:

• Imagens decorativas ou abstratas funcionam melhor, já que a imagem inteira nem sempre é exibida por completo em dispositivos móveis.
• Digite o texto por cima da imagem, em vez de criar o texto dentro da própria imagem. Isso garante que ele seja dimensionado corretamente em telas de todos os tamanhos.
• O Bloco de cobertura usa a imagem como imagem de fundo e não se redimensiona para mostrar toda a largura da imagem em dispositivos menores. Com a configuração do seletor de ponto focal, você pode escolher em qual parte da imagem focar ao visualizá-la em telas menores.
  • Se você tiver conteúdo na imagem que precise ser exibido por completo em todos os tamanhos de tela, use um Bloco de imagem.

O Bloco de cobertura é compatível com imagens, vídeos e cores sólidas. Para fazer upload de um vídeo para o Bloco de cobertura, siga estas etapas:

1. Adicione um Bloco de cobertura a uma página ou post.
2. Na barra de ferramentas do bloco, clique na opção “Adicionar mídia“:

3. Escolha uma das opções:
   • Fazer upload: faça upload de um arquivo de vídeo do seu computador (é necessário um plano compatível).
   • Abrir biblioteca de mídia: selecione um arquivo de vídeo que você já enviou.
   • Incorporar vídeo por URL: cole uma URL do YouTube, Vimeo ou outro provedor.

O Bloco de cobertura é decorativo, não funcional, portanto não reproduz o som de um arquivo de vídeo. Se você quiser incluir o áudio do vídeo, use o bloco VideoPress para reproduzir vídeos com som.

Depois de adicionar um Bloco de cobertura, você pode alterar a mídia a qualquer momento. Para substituir ou remover a mídia do banner:

1. Vá até o painel do seu site.
2. Acesse a página, o post ou o modelo em que o banner está.
3. Selecione Visualização em lista no canto superior esquerdo do editor.
4. Clique no item Bloco de cobertura na visualização em lista.

5. Na barra de ferramentas do bloco, clique no botão Substituir para escolher uma nova imagem ou um novo vídeo.

Você pode escolher um novo arquivo de mídia usando uma das opções a seguir:

• Abrir biblioteca de mídia: selecione uma imagem que você já enviou.
• Fazer upload: selecione uma imagem do seu dispositivo para enviar ao seu site. Veja os tipos de arquivo compatíveis.
• Usar imagem destacada: use a imagem destacada da página ou do post.
• Redefinir: remova a imagem, mas mantenha o Bloco de imagem no lugar para escolher opções como fazer upload, selecionar uma imagem, gerar com IA ou inserir por URL.
• Seu celular: adicione uma imagem do seu celular usando o aplicativo móvel do Jetpack.
• Gerar com IA: gere uma imagem usando IA descrevendo o que você quer. 
• Google Fotos.
• Biblioteca gratuita de fotos do Pexels.
• Imagens gratuitas do Openverse.
• Incorporar vídeo por URL: cole uma URL do YouTube, Vimeo ou outro provedor