Resumo de IA
Recentemente, um dos nossos leitores pediu-nos instruções passo a passo sobre como editar o cabeçalho no WordPress, pois não encontrou nada que os guiasse desde o início.
Embora isto seja algo realmente básico, pensámos que esta era uma excelente oportunidade para ajudar aqueles que estão a começar a sua jornada no WordPress.
Assim, sem mais demoras, vamos mergulhar em como pode editar o cabeçalho do seu site WordPress e estilizá-lo para parecer mais apelativo.
Neste Artigo
Como Editar o Cabeçalho no WordPress
Com a versão mais recente do WordPress, pode usar o Editor do Site interativo e fácil de usar para personalizar e dar marca ao seu website 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:
- Tipos de letra
- Cores
- Estilização de Botões
- E muito mais
Passo 1: Aceder ao Editor do Site
No seu Dashboard WordPress, navegue simplesmente para Aparência e, em seguida, clique na opção Editor no menu.
Isto irá redirecioná-lo para o Editor do Site, onde pode personalizar a aparência do seu website usando o editor de blocos. Abra as opções em Padrões.
Agora, tudo o que tem de fazer é rolar 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 do Site e clique no ícone de Editar.
Será agora redirecionado para o Editor de Blocos do WordPress, onde pode começar por adicionar o seu logótipo, navegação, ícones sociais e até um botão de CTA (se necessário).
Passo 2: Adicionar o Logótipo do Site
Assim que estiver no Editor de Blocos para o Cabeçalho do seu website, clique no ícone de Vista de Lista para ser fácil saber quais os elementos incluídos no cabeçalho do WordPress.
Expanda todos os Blocos incluídos na Vista 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 tem de fazer é clicar na opção Logótipo do Site na Vista de Lista e clicar no ícone de 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 de Média existente.
Se necessário, pode usar os Pontos de Redimensionamento para alterar as dimensões e o tamanho do logótipo do site, com base nas suas necessidades ou requisitos específicos.
Ótimo trabalho! É tudo o que precisa de fazer para carregar o seu Logótipo do Site para o cabeçalho. Agora, vamos passar para o próximo passo de adicionar o seu Título do Site!
Passo 3: Adicionar o Título do Site
Adicionar o Título do Site no cabeçalho do seu website é tão simples quanto carregar o seu Logótipo do Site no tema WordPress. Clique simplesmente em Título do Site na Vista de Lista.
Em seguida, de forma semelhante a como alterámos o logótipo do site anteriormente, clique no bloco que diz “Escreva o título do site…” e adicione o seu Título do Site dentro dele.
Como pode ver, o cabeçalho do seu tema está a começar a tomar forma lentamente. 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 a partir da Vista de Lista e, em seguida, clicar na opção Editar do seu bloco.
Isto irá levá-lo para a página dedicada do editor de Blocos para o elemento Navegação, onde pode adicionar novas páginas e os seus 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 agora para torná-lo mais apelativo visualmente e combinar com os tons de cor do seu website.
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 suas Definições.
Agora poderá ver as opções de Bloco para a Linha selecionada. Tudo o que tem de fazer agora é clicar no ícone Estilos ao lado do ícone da engrenagem (definições).
Isto abrirá inúmeras opções para a Linha selecionada, onde pode modificar a Cor, Imagem de Fundo, Tipografia e Dimensões.
Pode explorar estas opções para tornar o seu cabeçalho mais apelativo. Como apenas precisávamos de alterar a cor, selecionámos branco para o Texto e preto para o Fundo.
Como pode ver, o cabeçalho no front-end parece muito melhor agora e dá ao website um aspeto mais completo.
Quer fazer mais modificações no cabeçalho, como inserir alguns ícones sociais e um botão de CTA? Bem, o processo é simples!
Passo 6: Adicionar Ícones Sociais e Botão de CTA
Para adicionar ícones sociais e um botão de CTA, precisará 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 para que 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 adicionámos páginas na Navegação, clique no botão (+) para inserir Widgets de Média Social para quaisquer plataformas que prefira.
Uma vez feito, selecione novamente a Linha a partir da Vista de Lista e clique novamente no botão (+) para adicionar um bloco Botão ao seu cabeçalho.
Tudo o que tem de fazer agora é dar ao seu botão um texto como “Marque Já!” e atualizar o seu Link para configurar um redirecionamento para os visitantes do website.
Para juntar tudo, selecione novamente a Linha e defina o Alinhamento para Largura Total como fizemos com a primeira linha.
Em seguida, para dar a esta secção um aspeto mais apelativo, utilize o menu Alterar justificação dos itens e selecione a opção Justificar itens à direita.
E está feito! O seu cabeçalho está agora completo e parece perfeito. Basta clicar no botão Guardar no topo para evitar perder quaisquer alterações.
Passo 7: Adicionar Logótipo a Modelos de E-mail (Opcional)
Considere adicionar o seu logótipo a um modelo de e-mail para adicionar uma marca consistente que também se reflete nos e-mails enviados a partir do seu site WordPress.
É fácil alterar o funcionamento das Notificações por E-mail no WPForms. Primeiro, vá a WPForms » Definições e clique no separador E-mail.
Escolha qualquer estilo que melhor se adapte à sua marca na secção Modelo e clique no botão Escolher para o aplicar.
Depois disso, para adicionar o logótipo do seu site aos e-mails, navegue até à secção Imagem do Cabeçalho e clique no botão Carregar Imagem.
Depois de ter carregado a sua imagem, selecione o tamanho desejado para a imagem a ser utilizada nas suas notificações por e-mail a partir de um menu suspenso.
Em seguida, basta clicar na ligação Pré-visualizar Modelo de E-mail localizada abaixo do menu suspenso Tipografia.
Uma nova aba será aberta 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 site!
FAQs 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 respostas a algumas perguntas comuns sobre o assunto.
Como personalizo o meu cabeçalho no WordPress?
Para personalizar o seu cabeçalho no WordPress, navegue até ao seu painel 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 o layout do cabeçalho, cores e outros elementos. Alguns temas oferecem opções adicionais de cabeçalho para ajustar ao seu estilo.
Como edito os botões do cabeçalho no WordPress?
Editar botões do cabeçalho no WordPress geralmente envolve aceder ao Personalizador através de Aparência > Personalizar. Uma vez lá, procure as definições de Cabeçalho ou Menu. Pode editar botões alterando o seu texto, links e estilos ou adicionando novos itens se o seu tema o suportar. Se necessário, também pode adicionar algum código personalizado para editar botões do cabeçalho.
Como restauro o meu cabeçalho e rodapé no WordPress?
Para restaurar o seu cabeçalho e 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 restauro dentro destas definições. Se não houver nenhuma, pode ser necessário desfazer manualmente as alterações ou usar um plugin que forneça funcionalidades de restauro.
Em seguida, Aprenda Como Criar um Formulário de Vários Passos no Elementor
Já se perguntou como aumentar o envolvimento do utilizador e a geração de leads no seu site com um formulário de vários passos do Elementor? Estes formulários guiam os utilizadores através do processo passo a passo, tornando-o menos avassalador e mais fácil de usar.
Crie o seu formulário WordPress agora
Pronto para criar o seu formulário? Comece hoje com o plugin construtor de formulários WordPress mais fácil. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.
Se este artigo o ajudou, por favor siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.
