Como editar o cabeçalho no WordPress

Recentemente, um de nossos leitores nos pediu instruções passo a passo sobre como editar o cabeçalho no WordPress, pois não encontrou nada que o guiasse do zero.

Embora isso seja algo realmente básico, achamos que era uma excelente oportunidade para ajudar quem está começando sua jornada no WordPress.

Então, sem mais delongas, vamos ver como você pode editar o cabeçalho do seu site WordPress e estilizá-lo para parecer mais atraente.

Como editar o cabeçalho no WordPress

Com a versão mais recente do WordPress, você pode usar o Editor de Site interativo e fácil de usar para personalizar seu site e criar facilmente um cabeçalho personalizado.

Como a maioria das novas instalações do WP vem com o tema Twenty Twenty-Four, o editor do site é bastante útil para diversas personalizações de cabeçalho:

• Fontes
• Cores
• Estilo de botão
• E mais

Passo 1: Acesse o Editor do Site

No painel do WordPress , basta navegar até Aparência e clicar na opção Editor no menu.

Isso irá redirecioná-lo para o Editor de Site, onde você pode personalizar a aparência do seu site usando o editor de blocos. Abra as opções em Patterns .

Agora, tudo que você precisa fazer é rolar para baixo até ver a seção Partes do modelo e clicar em Cabeçalho para abrir suas opções.

No lado direito da tela, clique na imagem do cabeçalho para abrir as opções de personalização disponíveis no Editor do Site e clique no ícone Editar .

Agora você será redirecionado para o Block Editor do WordPress, onde poderá começar adicionando seu logotipo, navegação, ícones sociais e até mesmo um botão CTA (se necessário).

Etapa 2: adicione o logotipo do seu site

Quando estiver no Editor de blocos do cabeçalho do seu site, clique no ícone Visualização de lista para que seja fácil saber quais elementos estão incluídos no cabeçalho do WordPress.

Expanda todos os blocos incluídos na visualização de lista, clique no primeiro item da linha e defina o alinhamento como largura total para começar a personalizar o modelo de cabeçalho.

Agora, tudo que você precisa fazer é clicar na opção Logotipo do site na visualização de lista e clicar no ícone Upload na seção de visualização do cabeçalho.

Você pode optar por fazer upload do seu logotipo por meio da guia Carregar arquivos ou simplesmente selecionar o arquivo na sua biblioteca de mídia existente.

Se necessário, você pode usar Redimensionar pontos para alterar as dimensões e o tamanho do logotipo do site, com base em suas necessidades ou requisitos específicos.

Bom trabalho! Isso é tudo que você precisa fazer para enviar o logotipo do seu site para o cabeçalho. Agora, vamos passar para a próxima etapa de adicionar o título do seu site!

Etapa 3: adicionar o título do site

Adicionar o título do site no cabeçalho do seu site é tão simples quanto carregar o logotipo do seu site no tema WordPress. Basta clicar no título do site na visualização de lista .

Então, da mesma forma que alteramos o logotipo do site anteriormente, clique no bloco que diz “Escrever o título do site…” e adicione o título do site dentro dele.

Como você pode ver, o cabeçalho do seu tema está lentamente ganhando forma. Para a próxima etapa, adicionaremos alguns elementos de navegação ao seu cabeçalho.

Etapa 4: adicionar navegações de página

Para adicionar suas páginas ao cabeçalho, basta clicar em Navegação na Visualização de Lista e, a seguir, clicar na opção Editar para seu bloco.

Isso o levará à página dedicada do editor de blocos para o elemento Navegação , onde você pode adicionar novas páginas e seus links por meio do ícone de adição .

Isso completará a aparência do seu cabeçalho, mas como você pode ver, parece muito simples e há muito espaço para melhorias!

Vamos adicionar um pouco de estilo ao seu cabeçalho agora para torná-lo mais atraente visualmente e combinar com os tons de cores do seu site.

Etapa 5: alterar a cor de fundo

Uma das modificações mais básicas que você pode fazer no cabeçalho é alterar a cor de fundo. Para isso, clique na primeira linha e abra suas configurações .

Agora você poderá ver as opções de bloco para a linha selecionada. Tudo o que você precisa fazer agora é clicar no ícone Estilos próximo ao ícone de engrenagem (configurações).

Isso abrirá inúmeras opções para a linha selecionada, onde você pode modificar a cor, a imagem de fundo, a tipografia e as dimensões.

Você pode explorá-los para tornar seu cabeçalho mais atraente. Como precisávamos apenas alterar a cor, selecionamos branco para Text e preto para Background .

Como você pode ver, o cabeçalho no front end parece muito melhor agora e dá ao site uma aparência mais completa.

Quer fazer mais modificações no cabeçalho, como inserir alguns ícones sociais e um botão de CTA? Bem, o processo é simples!

Etapa 6: adicionar ícones sociais e botão CTA

Para adicionar ícones sociais e um botão CTA, você precisará adicionar uma nova linha. Clique no ícone de adição (+) e selecione o bloco Linha .

Em seguida, arraste o bloco de linha recém-adicionado acima da linha existente para que você possa personalizá-lo livremente sem afetar o cabeçalho existente.

Depois disso, clique no botão (+) dentro da nova linha e procure e selecione o bloco Ícones Sociais .

Semelhante à forma como adicionamos páginas na Navegação, clique no botão (+) para inserir Widgets de mídia social para as plataformas de sua preferência.

Uma vez feito isso, selecione a linha novamente na visualização de lista e clique no botão (+) novamente para adicionar um bloco de botão ao seu cabeçalho.

Tudo o que você precisa fazer agora é fornecer ao seu botão um texto como “Reserve agora!” e atualize seu link para configurar um redirecionamento para visitantes do site.

Para juntar tudo, selecione a Linha novamente e defina o Alinhamento para Largura Total como fizemos com a primeira linha.

Então, para dar uma aparência mais atraente a esta seção, use o menu Alterar justificação de itens e selecione a opção Justificar itens à direita .

E aí está! Seu cabeçalho agora está completo e parece perfeito. Basta clicar no botão Salvar na parte superior para evitar perder quaisquer alterações.

Etapa 7: adicionar logotipo aos modelos de e-mail (opcional)

Considere adicionar seu logotipo a um modelo de e-mail para adicionar uma marca consistente que também chegue aos e-mails enviados de seu site WordPress.

É fácil alterar a forma como as notificações por e-mail funcionam em WPForms. Primeiro, vá para WPForms »Configurações e clique na guia Email .

Escolha qualquer estilo que melhor se adapte à sua marca na seção Modelo e clique no botão Escolher para aplicá-lo.

Depois disso, para adicionar o logotipo do seu site aos e-mails, navegue até a seção Imagem do cabeçalho e clique no botão Carregar imagem .

Depois de fazer upload de sua imagem, selecione o tamanho desejado para a imagem a ser usada em suas notificações por e-mail em um menu suspenso.

Em seguida, basta clicar no link Visualizar modelo de e-mail localizado no menu suspenso Tipografia.

Uma nova aba será aberta em seu navegador onde você poderá ver uma prévia do seu modelo de e-mail de notificação com o logotipo do seu site!

Perguntas frequentes sobre como editar o cabeçalho no WordPress

Aprender como editar o cabeçalho no WordPress é um tópico popular entre nossos leitores. Aqui estão as respostas para algumas perguntas comuns sobre isso.

Como posso personalizar meu cabeçalho no WordPress?

Para personalizar seu cabeçalho no WordPress, navegue até seu painel e vá para Aparência > Personalizar . Aqui, você encontrará a seção Cabeçalho . Clique nele para explorar diversas opções, como alterar o logotipo, ajustar o layout do cabeçalho, cores e outros elementos. Alguns temas oferecem opções de cabeçalho adicionais para ajustar de acordo com seu estilo.

Como você edita botões de cabeçalho no WordPress?

A edição de botões de cabeçalho no WordPress normalmente envolve acessar o Personalizador por meio de Aparência > Personalizar . Uma vez lá, procure as configurações de cabeçalho ou menu. Você pode editar botões alterando seu texto, links e estilos ou adicionando novos itens se o seu tema for compatível. Se necessário, você também pode adicionar algum código personalizado para editar os botões de cabeçalho.

Como faço para redefinir meu cabeçalho e rodapé no WordPress?

Para redefinir seu cabeçalho e rodapé no WordPress, você pode começar acessando Aparência > Personalizar e selecionar a seção Cabeçalho ou Rodapé . Procure uma opção de redefinição nessas configurações. Se não houver, pode ser necessário desfazer as alterações manualmente ou usar um plug-in que forneça funcionalidades de redefinição.

A seguir, aprenda como fazer um formulário de várias etapas no Elementor

Já se perguntou como aumentar o envolvimento do usuário e a geração de leads em seu site com um formulário de várias etapas Elementor? Esses formulários orientam os usuários passo a passo pelo processo, tornando-o menos complicado e mais fácil de usar.

Crie seu formulário WordPress agora

Pronto para construir seu formulário? Comece hoje mesmo com o plugin de criação de formulários WordPress mais fácil. WPForms Pro inclui muitos modelos gratuitos e oferece garantia de devolução do dinheiro em 14 dias.

Se este artigo ajudou você, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos de WordPress.