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.
Neste artigo
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.
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.
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.
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.
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).
Passo 2: Adicionar o logótipo do seu site
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.
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.
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.
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.
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.
Ó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.
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.
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.
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.
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.
Isto completará o aspeto do seu cabeçalho, mas como pode ver, parece demasiado simples e há muito espaço para melhorias!
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.
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).
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.
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.
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.
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.
Em seguida, clique no botão (+) dentro da nova linha e procure e selecione o bloco Social Icons (Í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.
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.
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.
Para que tudo se encaixe, selecione novamente a Linha e defina o Alinhamento para Largura total , tal como fizemos com a primeira linha.
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.
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.
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.
Escolha o estilo que melhor se adequa à sua marca na secção Modelo e prima o botão Escolher para o aplicar.
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.
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.
Depois disso, basta clicar na ligação Preview Email Template (Pré-visualizar modelo de e-mail ) localizada no menu pendente Typography (Tipografia).
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.