Índice
Você pode concordar conosco que nenhum site está completo sem cabeçalho. Você sabia que tem duas opções diferentes para criar cabeçalho no WordPress? Neste tutorial, explicaremos as diferenças individuais.
Imagem de cabeçalho genuína
O cabeçalho clássico do WordPress, como você o conhece, é usado em todas as páginas diferentes. Geralmente é uma caixa retangular larga de um lado para o outro. Dentro há um logotipo ou nome do site, slogan e itens de menu. Você também pode inserir uma imagem de fundo chamada imagem de cabeçalho. A imagem do cabeçalho é ótima para atrair a atenção dos visitantes e criar uma aparência geral do site. Cabe a você decidir se usa uma imagem de cabeçalho discreta ou uma imagem dominante que chamará a atenção dos visitantes para a navegação no site.
Como editar o cabeçalho no WordPress Customizer
Por padrão, a imagem do cabeçalho pode ser alterada por meio do WordPress Customizer. Você pode acessá-lo no administrador do WordPress e no seu site:
- Diretamente do administrador do WP, basta navegar para Aparência –> Personalizar
- No frontend, se você estiver logado, clique em “Personalizar” na barra superior
O Personalizador inclui todas as configurações básicas de aparência do seu tema ativo no momento. Portanto, onde encontrar as configurações de imagem de cabeçalho depende do seu tema ativo. No tema Citadela, você pode adicionar e editar a imagem do cabeçalho em Personalizando –> Aparência –> Fundo do cabeçalho.
Configurações de imagem de cabeçalho
Não importa qual imagem de cabeçalho você escolha, você pode configurá-la de acordo com suas necessidades. Um efeito interessante pode ser alcançado usando “Header Image Repeat”. Você pode configurar as seguintes opções:
- Telha
- Telha horizontalmente
- lado a lado verticalmente
- No Repeat (caso não queira repetir a imagem)
Outras configurações no WordPress – Tamanho da imagem do cabeçalho
Outra opção para editar o cabeçalho e ajustar a imagem é definir o tamanho adequado. O tamanho da imagem do cabeçalho tem as três opções a seguir:
- Original – manterá o tamanho original da imagem
- Cobrir - a imagem enviada será redimensionada para caber de um lado para o outro, a imagem também pode ser cortada para caber
- Conter – o tamanho da imagem do cabeçalho será ajustado de forma que toda a imagem fique visível
Você também pode definir a posição da imagem no cabeçalho e definir a fixação do plano de fundo.
Bloco de capa que funciona como cabeçalho
Como já mencionamos no início deste artigo, existem várias maneiras de editar o cabeçalho no editor do WordPress. Além de usar o Customizer, você também pode usar um dos principais blocos do WordPress chamado Cover block. Então, qual é a diferença?
O cabeçalho clássico criado com o Customizer está relacionado a todo o site, enquanto o bloco Cover permite adicionar uma imagem de capa que basicamente funciona como imagem de cabeçalho para qualquer página ou postagem. Você pode até usá-lo várias vezes em uma página ou postar com configurações diferentes.
Onde usar o bloco de cobertura
O bloco de capa tem uma aplicação mais ampla em todo o site em comparação com o cabeçalho clássico do site. O bloco de capa adiciona uma imagem de título ampla e de largura total ao conteúdo. Você pode usá-lo para separar visualmente o conteúdo em postagens de blog. Cada seção de postagem terá sua própria imagem de cabeçalho que pode ser conectada ao seguinte conteúdo. Um ótimo recurso é que você pode escrever texto dentro do bloco de capa. Este texto será exibido sobre a imagem.
Cabeçalho da página inicial
O bloco de capa também pode ser usado em vez do cabeçalho do site, se você quiser obter uma aparência original. Como o Bloco de capa fornece várias opções de alinhamento, você pode defini-lo para a largura do conteúdo ou torná-lo largura total. O cabeçalho de largura total também pode ser usado como imagem de fundo grande. Mas não se esqueça de desligar o título da página no tema Citadela. Esta etapa é necessária se você quiser usar o Bloco de capa como cabeçalho do site.
Como criar um cabeçalho usando o bloco Cover
Em primeiro lugar, você precisa adicionar o bloco Cover. Você pode adicioná-lo a qualquer página ou postar da seguinte maneira:
Clique no sinal “+” na barra superior ou no sinal “+” em qualquer lugar do conteúdo. Depois disso, basta procurar o bloco Cover.
Outra maneira rápida é adicionar o bloco usando “/” após o nome do bloco.
Depois de adicionar o bloco Cover, você terá um espaço para fazer upload de imagem ou vídeo. Você também pode selecionar a imagem da biblioteca de mídia. A imagem ou vídeo selecionado será usado como cabeçalho.
Título do cabeçalho
Uma coisa interessante com o cabeçalho adicionado usando o bloco Cover é que você pode escrever um título de texto sobre a imagem. Este título também pode ser usado como cabeçalho para a seção, por exemplo, em postagens de blog. Também é possível adicionar qualquer URL.
Alinhando o Bloco de Cobertura
O bloco de cobertura pode ser alinhado usando a barra de ferramentas do bloco. Ele pode ser alinhado na área de conteúdo à esquerda, à direita ou ao centro. Também pode ser definido como largura total ou largura total. Essas opções devem ser suportadas pelo tema ativo que você usa para criar seu site.
Configurações da imagem da capa
A aparência da imagem da capa pode ser modificada no Inspetor. Se você definir como plano de fundo fixo, a imagem não rolará com o restante do conteúdo da página, mas permanecerá no lugar o tempo todo.
Usando o Focal Point Picker, você pode escolher qual parte da imagem será exibida no cabeçalho. Você pode trabalhar ainda mais com a imagem. Por exemplo, você pode definir a cor da sobreposição e a opacidade do plano de fundo. Ambas as configurações ajudarão você a dar os toques finais ao seu cabeçalho. Se você usar o bloco de capa dentro da postagem do blog, usando o esquema de cores e a transparência corretos, poderá adicionar a atmosfera desejada à sua postagem. Tenha cuidado com essas configurações, pois o texto do título precisa estar claramente visível.
Fazendo o cabeçalho do vídeo
Bloco de capa também pode ser usado para reproduzir vídeo dentro do cabeçalho do site. Você pode chamar a atenção dos visitantes ou promover produtos ou serviços. Há vários formatos de vídeo suportados, o mais comum que você pode usar é .mp4.
O melhor é que você também pode escrever um título sobre o vídeo, alinhá-lo, deixá-lo com largura total ou definir a sobreposição de cores. As configurações do Bloco de capa são as mesmas para todos os tipos de mídia.
Qual é a sua experiência com cabeçalhos? Você já experimentou o Bloco de capa para criar um cabeçalho? Você prefere o cabeçalho clássico do site usando o personalizador do WordPress? Deixe-nos saber nos comentários abaixo.