Guias/Criar conteúdo/Mídia/Adicionar um banner ao seu site

Adicionar um banner ao seu site

Geralmente chamado de imagem principal ou banner, o bloco de Cobertura é usado para adicionar uma imagem grande, um vídeo ou um banner de texto ao seu site. Este guia mostra como adicionar um banner e selecionar a imagem, o vídeo ou a cor a ser exibida.

Tutorial em vídeo

Este vídeo está em inglês.
O YouTube oferece recursos de tradução automática para que você possa assisti-lo no seu idioma:

Para ativar legendas com tradução automática:

  1. Reproduza o vídeo.
  2. Clique no ícone ⚙️ Configurações (no canto inferior direito do vídeo).
  3. Selecione Legendas/CC.
  4. Escolha Tradução automática.
  5. Selecione o idioma de sua preferência.

Para ouvir com dublagem automática (experimental):

  1. Clique no ícone ⚙️ Configurações.
  2. Selecione Faixa de áudio.
  3. Escolha o idioma em que deseja ouvir o vídeo.

ℹ️ As traduções e dublagens são geradas automaticamente pelo Google, podem não ser perfeitas e a dublagem automática ainda está em fase de testes, podendo não estar disponível em todos os idiomas.

Adicionar um bloco de cobertura

Adicione uma imagem de banner ao seu site usando o bloco de cobertura. Para adicionar um banner a uma páginapost ou modelo, siga estas etapas:

  1. Vá para o painel do seu site.
  2. Dependendo de onde desejar adicionar o banner, vá para uma página, post ou modelo e edite ou crie:
    • Página: vá para a seção Páginas do seu menu.
    • Post: vá para a seção Posts do seu menu.
    • Modelo: vá para Aparência → Editor e selecione o modelo.
  3. Clique no ícone + (inserção de blocos) e pesquise “cobertura”.
    • Ou digite /cobertura quando Digite / para escolher um bloco for exibido.
A barra lateral de inserção de bloco (+) é aberta com o ícone de bloco de cobertura realçado.
  1. Clique no ícone de cobertura para inserir o bloco de cobertura
O bloco de cobertura antes da adição da mídia, com as opções para fazer upload, selecionar mídia ou usar a imagem destacada.

Escolher a mídia do banner

Depois de adicionar um bloco de cobertura, selecione a mídia que será exibida. Escolha uma das seguintes opções:

  • Fazer upload: clique no botão Fazer upload para selecionar um arquivo do seu computador.
  • Selecionar mídia: encontre uma mídia em um destes locais:
  • Usar imagem destacada: exibe a imagem destacada da página ou post, quando definida. Adicionar um bloco de cobertura a um modelo e selecionar essa opção exibe automaticamente a imagem destacada de uma página ou post que usa esse modelo.
  • Cor: em vez de adicionar uma imagem ou vídeo, selecione uma cor sólida para o banner.

Em seguida, adicione conteúdo, como textos e botões, personalize o layout e ajustar o design do banner.

Dicas para escolher uma imagem

Considere o seguinte ao selecionar uma imagem para seu banner:

  • Imagens decorativas ou abstratas funcionam melhor, pois nem sempre a imagem completa será exibida nos dispositivos móveis.
  • Digite um texto por cima da imagem, em vez de inseri-lo na imagem em si. Assim, você garante que ele seja dimensionado corretamente em telas de todos os tamanhos.
  • O bloco de cobertura usa a imagem como fundo e não é redimensionado para mostrar a largura total da imagem em dispositivos menores. Usando a configuração do seletor de ponto focal, você pode selecionar qual parte da imagem focar quando ela é visualizada em telas menores.
    • Se o conteúdo da imagem precisar ser exibido por completo em dispositivos de todos os tamanhos, dê preferência ao bloco de imagem.

Criar um banner com vídeo

O bloco de cobertura é compatível imagens, vídeos e cores sólidas. Para fazer upload de um vídeo no bloco de cobertura, você precisa ter um plano do WordPress.com que ofereça suporte a envios de vídeo. Ou seja, o plano Premium e superiores. Com um plano que inclui essa funcionalidade, você poderá selecionar vídeos ao escolher a mídia do seu banner.

Como o bloco de cobertura é decorativo, e não funcional, ele não reproduzirá o som de um arquivo de vídeo. Use o bloco do VideoPress para reproduzir vídeos com som.

Substituir ou remover a mídia do banner

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

  1. Vá para o painel do seu site.
  2. Acesse a página, post ou modelo em que o banner está localizado.
  3. Selecione Visualização em lista na parte superior esquerda do editor.
  4. Clique no item Bloco de cobertura na visualização em lista.
A visualização em lista é aberta e uma seta aponta do ícone "Visualização em lista" para o bloco de cobertura.
  1. Na barra de ferramentas do bloco, clique no botão Substituir para escolher uma nova imagem ou vídeo.
A opção "Substituir" destacada na barra de ferramentas do bloco de cobertura.

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

  • Abrir bibliotecade mídia: escolha uma imagem ou vídeo existente na sua biblioteca de mídia ou outras fontes, como Google Fotos, Pexels ou Openverse.
  • Fazer upload: selecione uma nova imagem ou vídeo do seu dispositivo.
  • Usar imagem destacada: use a imagem destacada da página ou do post.
  • Redefinir: limpe a mídia do banner, exibindo uma cor sólida.

Copied to clipboard!