Resumo de IA
Recentemente, um de nossos leitores nos pediu instruções passo a passo sobre como editar o cabeçalho no WordPress, já que não encontrou nada para guiá-lo do zero.
Embora isso seja algo realmente básico, achamos que seria uma excelente oportunidade para ajudar aqueles que estão começando sua jornada no WordPress.
Portanto, sem mais delongas, vamos mergulhar em como você pode editar o cabeçalho do seu site WordPress e estilizá-lo para torná-lo mais atraente.
Neste Artigo
Como Editar o Cabeçalho no WordPress
Com a versão mais recente do WordPress, você pode usar o Editor de Site interativo e amigável para personalizar e branded seu site e criar um cabeçalho personalizado facilmente.
Como a maioria das novas instalações do WP vêm com o Tema Twenty Twenty-Four, o editor do site é bastante útil para várias personalizações de cabeçalho:
- Fontes
- Cores
- Estilização de Botões
- E mais
Passo 1: Acesse o Editor do Site
No seu Painel do WordPress, navegue até Aparência e clique na opção Editor no menu.
Isso o redirecionará para o Editor do Site, onde você pode personalizar a aparência do seu site usando o editor de blocos. Abra as opções em Padrões.
Agora, tudo o que você precisa fazer é rolar para baixo até ver a seção Partes do Modelo e, em seguida, 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.
Você será redirecionado para o Editor de Blocos do WordPress, onde poderá começar adicionando seu logo, navegação, ícones sociais e até um botão de CTA (se necessário).
Passo 2: Adicione o Logo do Seu Site
Uma vez no Editor de Blocos para o Cabeçalho do seu site, clique no ícone Visualizar 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 Linha e defina o Alinhamento para Largura Total para começar a personalizar o modelo de cabeçalho.
Agora, tudo o que você precisa fazer é clicar na opção Logo do Site em Visualizar Lista e clicar no ícone Upload na seção de visualização do cabeçalho.
Você pode escolher fazer o upload do seu logo através da aba Upload de Arquivos, ou simplesmente selecionar o arquivo da sua Biblioteca de Mídia existente.
Se necessário, você pode usar os Pontos de Redimensionamento para alterar as dimensões e o tamanho do logo do site, com base em suas necessidades ou requisitos específicos.
Ótimo trabalho! É tudo o que você precisa fazer para fazer o upload do seu Logo do Site para o cabeçalho. Agora, vamos para o próximo passo de adicionar o Título do Seu Site!
Passo 3: Adicione o Título do Site
Adicionar o Título do Site no cabeçalho do seu site é tão simples quanto fazer o upload do seu Logotipo do Site no tema do WordPress. Basta clicar em Título do Site na Visualização de Lista.
Em seguida, de forma semelhante a como alteramos o logotipo do site anteriormente, clique no bloco que diz "Escreva o título do site..." e adicione seu Título do Site dentro dele.
Como você pode ver, o cabeçalho do seu tema está lentamente tomando forma. Para a próxima etapa, vamos adicionar alguns elementos de navegação ao seu cabeçalho.
Para adicionar suas páginas ao cabeçalho, basta clicar em Navegação na Visualização de Lista e, em seguida, clicar na opção Editar para o 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 através do ícone de Mais.
Isso completará a aparência do seu cabeçalho, mas como você pode ver, ele 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.
Passo 5: Altere a Cor de Fundo
Uma das modificações mais básicas que você pode fazer no cabeçalho é alterar sua cor de fundo. Para fazer 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 de Estilos ao lado do ícone de engrenagem (configurações).
Isso abrirá inúmeras opções para a Linha selecionada, onde você pode modificar a Cor, Imagem de Fundo, Tipografia e Dimensões.
Você pode explorá-los para tornar seu cabeçalho mais atraente. Como só precisávamos mudar a cor, selecionamos branco para o Texto e preto para o Fundo.
Como você pode ver, o cabeçalho na parte frontal parece muito melhor agora e dá ao site uma aparência mais completa.
Você deseja fazer mais modificações no cabeçalho, como inserir alguns ícones sociais e um botão de CTA? Bem, o processo é simples!
Passo 6: Adicione Ícones Sociais e Botão de CTA
Para adicionar ícones sociais e um botão de CTA, você precisará adicionar uma nova Linha. Clique no ícone de Mais (+) e selecione o bloco Linha.
Em seguida, arraste o bloco 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 pesquise e selecione o bloco Ícones Sociais.
De forma semelhante a como adicionamos páginas na Navegação, clique no botão (+) para inserir Widgets de Mídia Social para quaisquer plataformas que você preferir.
Concluído, 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 é dar ao seu botão um texto como "Reserve Agora!" e atualizar seu Link para configurar um redirecionamento para os visitantes do site.
Para que tudo se encaixe, selecione novamente a Linha e defina o Alinhamento para Largura Total como fizemos com a primeira linha.
Em seguida, para dar a esta seção um visual mais atraente, use o menu Alterar justificação dos itens e selecione a opção Justificar itens à direita.
E aí está! Seu cabeçalho agora está completo e com uma aparência perfeita. Simplesmente clique no botão Salvar no topo para evitar perder quaisquer alterações.
Passo 7: Adicione o Logo aos Modelos de E-mail (Opcional)
Considere adicionar seu logotipo a um modelo de e-mail para adicionar uma marca consistente que também se estenda aos e-mails enviados do seu site WordPress.
É fácil alterar como as Notificações por E-mail funcionam no WPForms. Primeiro, vá para WPForms » Configurações e clique na aba E-mail.
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 carregar 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 abaixo do menu suspenso Tipografia.
Uma nova aba será aberta no 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 personalizo 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 nela para explorar várias opções, como alterar o logotipo, ajustar o layout do cabeçalho, cores e outros elementos. Alguns temas oferecem opções adicionais de cabeçalho para ajustar e combinar com seu estilo.
Como editar botões de cabeçalho no WordPress?
Editar botões de cabeçalho no WordPress geralmente envolve acessar o Personalizador através de Aparência > Personalizar. Uma vez lá, procure pelas 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 suportar. Se necessário, você também pode adicionar algum código personalizado para editar botões de cabeçalho.
Como redefinir meu cabeçalho e rodapé no WordPress?
Para redefinir seu cabeçalho e rodapé no WordPress, você pode começar indo para Aparência > Personalizar e selecionar a seção Cabeçalho ou Rodapé. Procure por uma opção de redefinição dentro dessas configurações. Se não houver uma, você pode precisar desfazer manualmente as alterações ou usar um plugin que forneça funcionalidades de redefinição.
Em seguida, aprenda como criar um formulário de várias etapas no Elementor
Já se perguntou como aumentar o engajamento do usuário e a geração de leads em seu site com um formulário de várias etapas do Elementor? Esses formulários guiam os usuários pelo processo passo a passo, tornando-o menos opressor e mais amigável.
Crie Seu Formulário WordPress Agora
Pronto para construir seu formulário? Comece hoje mesmo com o plugin construtor de formulários WordPress mais fácil. WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.
Se este artigo ajudou você, por favor, siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.
