Como editar o cabeçalho no WordPress

Recentemente, um dos nossos leitores pediu-nos instruções passo a passo sobre como editar o cabeçalho no WordPress, uma vez que não conseguiu encontrar nada que o orientasse a partir do zero.

Embora se trate de algo muito básico, pensámos que esta era uma excelente oportunidade para ajudar quem está a começar a sua viagem no WordPress.

Por isso, sem mais demoras, vamos ver como pode editar o cabeçalho do seu site WordPress e dar-lhe um estilo mais apelativo.

Como editar o cabeçalho no WordPress

Com a versão mais recente do WordPress, pode utilizar o Editor de Sites interativo e fácil de utilizar para personalizar e marcar o seu sítio Web e criar facilmente um cabeçalho personalizado.

Uma vez que a maioria das novas instalações WP vem com o tema Twenty Twenty-Four, o editor do site é bastante útil para várias personalizações de cabeçalho:

  • Fontes
  • Cores
  • Estilo dos botões
  • E mais

Passo 1: Aceder ao Editor de Sites

A partir do seu painel de controlo do WordPress, basta navegar até Aparência e clicar na opção Editor no menu.

Editor de seleção do WordPress no aspeto

Isto redireccioná-lo-á para o Editor do site, onde pode personalizar o aspeto do seu site utilizando o editor de blocos. Abra as opções em Padrões.

editor do site selecionar padrões

Agora, tudo o que tem de fazer é deslocar-se para baixo até ver a secção Partes do modelo e, em seguida, clicar em Cabeçalho para abrir as suas opções.

partes do modelo selecionar cabeçalho

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

clicar no ícone de edição

Será agora redireccionado para o Block Editor do WordPress, onde pode começar por adicionar o seu logótipo, navegação, ícones sociais e até um botão CTA (se necessário).

Quando estiver no Block Editor para o cabeçalho do seu sítio Web, clique no ícone List View para que seja fácil saber que elementos estão incluídos no cabeçalho do WordPress.

vista de lista do cabeçalho

Expanda todos os Blocos incluídos na Visualização de lista, clique no primeiro item de Linha e defina o Alinhamento como Largura total para começar a personalizar o modelo de cabeçalho.

definir a linha para a largura total

Agora, tudo o que tem de fazer é clicar na opção Logótipo do sítio na Vista de lista e clicar no ícone Carregar na secção de pré-visualização do cabeçalho.

carregar o logótipo do sítio

Pode optar por carregar o seu logótipo através do separador Carregar ficheiros ou simplesmente selecionar o ficheiro da sua biblioteca multimédia existente.

selecionar o logótipo do sítio

Se necessário, pode utilizar os pontos de redimensionamento para alterar as dimensões e o tamanho do logótipo do sítio, com base nas suas necessidades ou requisitos específicos.

redimensionar pontos para o logótipo do site

Ótimo trabalho! É tudo o que precisa de fazer para carregar o logótipo do seu site no cabeçalho. Agora, vamos passar à etapa seguinte, que consiste em adicionar o título do seu site!

Etapa 3: Adicionar título do site

Adicionar o Título do Site no cabeçalho do seu sítio Web é tão simples como carregar o Logótipo do Site no tema WordPress. Basta clicar em Título do sítio na Vista de lista.

selecionar o título do sítio na vista de lista

Em seguida, à semelhança da forma como alterámos o logótipo do sítio anteriormente, clique no bloco que diz "Escrever título do sítio..." e adicione o Título do sítio no mesmo.

adicionar título do sítio

Como pode ver, o cabeçalho do seu tema está agora a ganhar forma. Para o próximo passo, vamos adicionar alguns elementos de navegação ao seu cabeçalho.

Passo 4: Adicionar navegações de página

Para adicionar as suas páginas ao cabeçalho, basta clicar em Navegação na Vista de lista e, em seguida, clicar na opção Editar do respetivo bloco.

editar bloco de navegação

Esta ação leva-o para a página do editor de blocos dedicada ao elemento Navegação, onde pode adicionar novas páginas e respectivos links através do ícone Mais.

adicionar páginas à navegação

Isto completará o aspeto do seu cabeçalho, mas como pode ver, parece demasiado simples e há muito espaço para melhorias!

pré-visualização do cabeçalho

Vamos adicionar um pouco de estilo ao seu Cabeçalho para o tornar mais apelativo visualmente e corresponder aos tons de cor do seu sítio Web.

Passo 5: Alterar a cor de fundo

Uma das modificações mais básicas que pode fazer ao cabeçalho é alterar a sua cor de fundo. Para o fazer, clique na primeira Linha e abra as Definições.

definições de bloco de linhas

Poderá agora ver as opções de Bloco para a Linha selecionada. Tudo o que tem de fazer agora é clicar no ícone Estilos, junto ao ícone da engrenagem (definições).

definições de estilos de linha

Isto abrirá várias opções para a linha selecionada, onde pode modificar a cor, a imagem de fundo, a tipografia e as dimensões.

Pode explorá-las para tornar o seu cabeçalho mais apelativo. Como só precisávamos de mudar a cor, selecionámos branco para o Texto e preto para o Fundo.

alterar a cor de fundo e o texto

Como pode ver, o cabeçalho no front end tem agora um aspeto muito melhor e dá ao sítio Web um aspeto mais completo.

cabeçalho pré-visualização do frontend

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

Passo 6: Adicionar ícones sociais e botão CTA

Para adicionar ícones sociais e um botão de CTA, tem de adicionar uma nova linha. Clique no ícone Mais (+) e selecione o bloco Linha.

inserir bloco de linhas

Em seguida, arraste o bloco Linha recém-adicionado para cima da linha existente, de modo a poder personalizá-lo livremente sem afetar o cabeçalho existente.

arrastar a linha acima

Em seguida, clique no botão (+) dentro da nova linha e procure e selecione o bloco Social Icons (Ícones sociais ).

inserir ícones sociais

À semelhança da forma como adicionámos páginas na Navegação, clique no botão (+) para inserir Widgets de redes sociais para as plataformas que preferir.

adicionar vários ícones sociais

Uma vez concluído, selecione novamente a linha na Vista de lista e clique novamente no botão (+) para adicionar um bloco de botões ao seu cabeçalho.

inserir bloco de botões

Tudo o que tem de fazer agora é dar ao seu botão um texto como "Reserve agora!" e atualizar o seu Link para criar um redireccionamento para os visitantes do sítio Web.

adicionar ligação ao botão

Para que tudo se encaixe, selecione novamente a Linha e defina o Alinhamento para Largura total , tal como fizemos com a primeira linha.

definir a linha para a largura total

Depois, para dar a esta secção um aspeto mais apelativo, utilize o menu Alterar justificação de itens e selecione a opção Justificar itens à direita.

linha justificar itens à direita

E já está! O seu cabeçalho está agora completo e tem um aspeto perfeito. Basta clicar no botão Guardar na parte superior para evitar perder quaisquer alterações.

pré-visualização completa do cabeçalho

Passo 7: Adicionar logótipo aos modelos de e-mail (opcional)

Considere a possibilidade de adicionar o seu logótipo a um modelo de e-mail para adicionar uma marca consistente que também se estende aos e-mails enviados a partir do seu site WordPress.

É fácil mudar a forma como as notificações de e-mail funcionam no WPForms. Primeiro, vá para WPForms " Configurações e clique na guia E-mail.

definições de correio eletrónico wpforms

Escolha o estilo que melhor se adequa à sua marca na secção Modelo e prima o botão Escolher para o aplicar.

escolher um modelo moderno

Depois disso, para adicionar o logótipo do seu sítio às mensagens de correio eletrónico, navegue até à secção Imagem de cabeçalho e clique no botão Carregar imagem.

carregar imagem de cabeçalho

Depois de carregar a sua imagem, selecione o tamanho pretendido para a imagem a utilizar nas suas notificações por correio eletrónico a partir de um menu pendente.

imagem de cabeçalho do modelo de correio eletrónico

Depois disso, basta clicar na ligação Preview Email Template (Pré-visualizar modelo de e-mail ) localizada no menu pendente Typography (Tipografia).

pré-visualização do correio eletrónico

Será aberto um novo separador no seu navegador onde poderá ver uma pré-visualização do seu modelo de e-mail de notificação com o logótipo do seu sítio!

Perguntas frequentes sobre a edição do cabeçalho no WordPress

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

Como posso personalizar o meu cabeçalho no WordPress?

Para personalizar o seu cabeçalho no WordPress, navegue até ao seu painel de controlo e vá a Aparência > Personalizar. Aqui, encontrará a secção Cabeçalho. Clique nela para explorar várias opções, como alterar o logótipo, ajustar a disposição do cabeçalho, as cores e outros elementos. Alguns temas oferecem opções de cabeçalho adicionais que podem ser ajustadas para corresponder ao seu estilo.

Como é que se editam botões de cabeçalho no WordPress?

A edição de botões de cabeçalho no WordPress envolve normalmente o acesso ao Personalizador através de Aparência > Personalizar. Uma vez lá, procure as definições de Cabeçalho ou Menu. Pode editar os botões alterando o texto, as ligações e os estilos ou adicionando novos itens, se o tema o suportar. Se necessário, também pode adicionar algum código personalizado para editar os botões de cabeçalho.

Como posso repor o meu cabeçalho e rodapé no WordPress?

Para repor o cabeçalho e o rodapé no WordPress, pode começar por ir a Aparência > Personalizar e selecionar a secção Cabeçalho ou Rodapé. Procure uma opção de reposição nestas definições. Se não existir uma, poderá ter de anular manualmente as alterações ou utilizar um plug-in que forneça funcionalidades de reposição.

Em seguida, aprenda como criar um formulário de várias etapas no Elementor

Já se interrogou sobre como aumentar o envolvimento dos utilizadores e a geração de leads no seu sítio Web com um formulário Elementor de várias etapas? Estes formulários guiam os utilizadores ao longo do processo, passo a passo, tornando-o menos complicado e mais fácil de utilizar.

Crie o seu formulário WordPress agora

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

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.

Divulgação: O nosso conteúdo é apoiado pelos leitores. Isso significa que se você clicar em alguns de nossos links, podemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Hamza Shahid

Hamza é um escritor da equipa WPForms, que também é especialista em tópicos relacionados com marketing digital, cibersegurança, plugins WordPress e sistemas ERP.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar do WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Active o JavaScript no seu browser para preencher este formulário.

Adicionar um comentário

Ficamos satisfeitos por ter escolhido deixar um comentário. Tenha em atenção que todos os comentários são moderados de acordo com a nossa política de privacidade e que todas as hiperligações são nofollow. NÃO utilize palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.