Precisa personalizar o cabeçalho do seu site WordPress?
Eu fiz isso para dezenas de páginas de destino, e o cabeçalho é sempre uma das primeiras coisas que ajusto. Se você está adicionando um logotipo, alterando sua navegação ou inserindo um botão de call-to-action, seu cabeçalho define o tom de todo o seu site.
Neste guia, mostrarei como personalizar seu cabeçalho do WordPress da maneira fácil (sem código) usando o construtor de páginas SeedProd, além de alguns outros métodos se você estiver usando um tema ou plugin.
Resumo Rápido: Como Personalizar o Cabeçalho no WordPress
- Personalize o cabeçalho com um construtor visual (sem código)
- Edite o cabeçalho usando o personalizador do seu tema WordPress
- Use um plugin de cabeçalho para alterações simples
- Edite o código manualmente (avançado)
Tutorial em Vídeo
O que é o Cabeçalho do WordPress?
O cabeçalho do WordPress é uma parte do seu site que aparece no topo de cada página. No mínimo, seu cabeçalho incluirá:
- Título do site ou logotipo
- Menu de navegação
Por exemplo, veja como o cabeçalho aparece no site da SeedProd.
Como você pode ver, ele tem o logotipo da SeedProd, um menu de navegação e um botão de call-to-action para começar com a SeedProd.
Se o seu site tiver outras necessidades, você pode adicionar elementos extras ao cabeçalho do seu site WordPress. Como a SeedProd, você pode adicionar botões de call-to-action ou incluir uma caixa de pesquisa, ícones de mídia social e outro conteúdo.
Você pode encontrar os detalhes do seu cabeçalho do WordPress no arquivo header.php do seu tema WordPress. Mas sugerimos editar o arquivo header.php apenas se você for um usuário avançado e entender o que está fazendo.
Por que personalizar seu cabeçalho do WordPress?
O cabeçalho do seu site é a primeira coisa que as pessoas veem, e é fundamental para branding, navegação e conversões. Um cabeçalho bem projetado pode:
- ✅ Exibir seu logotipo e marca claramente
- ✅ Ajudar os visitantes a encontrar suas páginas mais importantes
- ✅ Destacar CTAs como “Comece o Teste Gratuito” ou “Ligue Agora”
- ✅ Melhorar a experiência do usuário no celular com um menu responsivo
Mas muitos temas do WordPress limitam o quanto você pode mudar. É aí que entram as opções de personalização.
1. Como Personalizar Cabeçalhos no WordPress com SeedProd
Se você deseja controle total sobre seu cabeçalho do WordPress, SeedProd é a melhor solução. É o melhor plugin construtor de temas WordPress que permite criar um tema WordPress personalizado sem escrever nenhum código facilmente.
SeedProd é um construtor de páginas WordPress de arrastar e soltar para empresas, blogueiros e proprietários de sites. Mas ele também vem com um designer de temas personalizado que permite clicar e editar qualquer elemento.
Por exemplo, criar um cabeçalho personalizado para o seu site WordPress leva apenas alguns cliques, e você pode adicionar opções populares de cabeçalho com arrastar e soltar.
A melhor coisa sobre o construtor de temas da SeedProd é que ele é agnóstico em relação ao tema. Isso significa que ele não depende do seu tema WordPress existente para estilo ou funcionalidade, dando a você total liberdade e controle sobre o design do seu site.
Dito isso, aqui estão os passos para personalizar cabeçalhos no WordPress com SeedProd.
Passo 1. Instale o Plugin SeedProd Theme Builder
Configurar o SeedProd theme builder é relativamente simples, pois ele funciona com qualquer site WordPress usando qualquer tema.
Primeiro, instale e ative o SeedProd em seu site WordPress.
Para obter ajuda com isso, consulte este guia passo a passo sobre como instalar um plugin do WordPress.
Observação: Você precisará de pelo menos o plano Pro ou Elite para desbloquear o theme builder.
Após ativar o plugin, vá para a página SeedProd » Configurações para inserir sua chave de licença do plugin. Você pode encontrar essas informações em sua conta no site do SeedProd.
Assim que inserir sua chave de licença e clicar em Verificar Chave, você estará pronto para criar um cabeçalho personalizado do WordPress usando o theme builder do SeedProd.
Passo 2. Escolha um Modelo de Tema Inicial
Para criar um cabeçalho de tema personalizado com o SeedProd, você primeiro precisará criar um tema personalizado. Não se preocupe; criar um tema WordPress personalizado com o SeedProd é bem simples.
Primeiro, vá para a página SeedProd » Theme Builder. Você verá a lista de modelos para o seu tema personalizado atual do SeedProd nesta página.
Como ainda não começamos, temos apenas um modelo de CSS Global.
Para começar, você tem duas opções.
- Use um dos temas SeedProd prontos como ponto de partida
- Crie manualmente modelos de tema do zero
Sugerimos começar com um tema existente. Fazer isso permite que o SeedProd gere todos os arquivos de modelo automaticamente. Os temas do SeedProd são temas completos de qualidade profissional, que lhe dão uma vantagem inicial na edição dos modelos de acordo com suas necessidades.
Simplesmente clique no botão Temas e escolha um dos temas disponíveis. Existem temas diferentes para sites diferentes, então escolha um que melhor atenda às suas necessidades.
Após escolher um tema, o SeedProd criará automaticamente todos os modelos de tema. A partir daí, você pode editar cada modelo individualmente no editor de arrastar e soltar.
Passo 3. Personalize a Seção do Cabeçalho
Para personalizar seu cabeçalho com o SeedProd, encontre o modelo Cabeçalho e clique no link Editar Design.
Isso abrirá o arquivo de modelo no theme builder do SeedProd. Você verá uma prévia ao vivo do seu modelo de cabeçalho na coluna da direita com um painel de edição na coluna da esquerda.
Para alterar um item no seu arquivo de modelo de cabeçalho, você pode simplesmente apontar e clicar para editá-lo.
Dependendo do tipo de item, você verá opções de edição diferentes na coluna da esquerda. Você poderá alterar fontes, cores, fundo, espaçamento e muito mais.
Para adicionar itens de cabeçalho personalizados, você pode adicionar blocos SeedProd da coluna da esquerda. Ele vem com vários tipos de blocos que você pode adicionar ao seu modelo:
- Tags de Modelo – Blocos que permitem gerar elementos de tema a partir do seu banco de dados WordPress, como posts de blog, comentários, imagens em destaque, etc.
- Blocos Padrão – Estes são elementos comuns de design web que permitem adicionar novas imagens, botões, texto, divisores e muito mais. Você pode até adicionar um vídeo para mais engajamento.
- Blocos Avançados – Outros blocos avançados permitem que você adicione formulários de contato, perfis sociais, botões de compartilhamento, shortcodes do WordPress, Google Maps e mais.
- WooCommerce – Se você tem uma loja online, pode usar os blocos do WooCommerce em seu tema para exibir produtos, carrinhos de compras e até criar uma página de checkout personalizada.
Usando Seções para Personalizar o Cabeçalho do seu WordPress
Além dos blocos, você também pode adicionar seções completas ao modelo de cabeçalho do seu tema.
Simplesmente mude para a aba Seções no painel Design.
Seções são grupos de blocos para diferentes áreas do design do seu site. Por exemplo, você pode encontrar seções prontas para seu cabeçalho, rodapé, chamadas para ação, recursos e mais.
Simplesmente clique em uma seção de cabeçalho para adicioná-la ao modelo do seu tema e edite-a de acordo com suas necessidades.
Quando estiver satisfeito com a aparência do seu cabeçalho, clique no botão Salvar no canto superior direito.
Agora repita este processo para os outros modelos em seu tema para criar um tema WordPress completamente personalizado.
Etapa 4. Publique seu Cabeçalho Personalizado do WordPress
Quando estiver satisfeito com seu cabeçalho personalizado do WordPress, o passo final é ativá-lo em seu site WordPress.
No SeedProd, você pode aplicar seu cabeçalho personalizado do WordPress com uma simples troca.
Simplesmente vá para a página SeedProd » Theme Builder e alterne o interruptor ao lado da opção ‘Enable SeedProd Theme’ para ‘Yes’.
O SeedProd agora substituirá seu design existente pelo novo tema e cabeçalho do WordPress.
Agora você pode visitar seu site para ver seu cabeçalho personalizado do WordPress em ação.
Criando Múltiplos Cabeçalhos Personalizados com SeedProd
Agora que você tem um cabeçalho personalizado do WordPress, ainda pode ajustá-lo, mas também pode criar múltiplos cabeçalhos para diferentes seções do seu site.
Por exemplo, você pode querer adicionar um novo modelo de cabeçalho ao seu tema que apareça apenas em categorias específicas.
Para fazer isso, simplesmente crie um novo modelo e altere as condições de exibição para atender às suas necessidades.
Usando o construtor de temas de arrastar e soltar fácil de usar do SeedProd, você pode facilmente criar qualquer tipo de layout personalizado que seu site precisa.
Embora o editor visual do SeedProd ofereça a maneira mais fácil de personalizar seu cabeçalho, existem outras táticas que você pode usar.
Continue lendo para algumas das soluções mais populares.
2. Edite Cabeçalhos do WordPress com o Personalizador de Temas
A maioria dos temas do WordPress oferece algum controle sobre o cabeçalho do seu site no Personalizador nativo do WordPress. Pode não oferecer um vasto nível de detalhe, mas você terá algumas opções para controlar a aparência e o funcionamento do seu cabeçalho.
As opções disponíveis dependem do seu tema, mas geralmente você pode abri-las no personalizador de temas e editá-las facilmente.
Para fazer isso, vá para Aparência » Personalizar na sua área de administração do WordPress. Em seguida, clique no título Identidade do Site na lista da coluna esquerda.
Por exemplo, no tema padrão Twenty Twenty-One, a opção Identidade do Site permite que você personalize seu:
- Logotipo
- Título do Site
- Slogan
Você pode então clicar no título Menus e alterar o layout do seu menu de navegação.
Se precisar de mais ajuda com este método, você pode consultar a documentação do seu tema WordPress.
Observação: No exemplo acima, estávamos usando o tema padrão do WordPress Twenty Twenty-One. Se você estiver usando o tema Twenty Twenty-Two, o personalizador será chamado de ‘Editor’. Você pode encontrá-lo acessando Aparência » Editor.
Com o novo Editor do WordPress, você pode personalizar seu cabeçalho com o editor de blocos como qualquer outra postagem ou página. Ele não oferece tantos recursos de personalização quanto o SeedProd, mas permite adaptar o layout rapidamente.
3. Personalize Cabeçalhos no WordPress com Plugin de Cabeçalho
Outra maneira fácil de editar o cabeçalho no WordPress é com um plugin de cabeçalho simples. Esta é uma boa opção se você não se sentir confortável editando o arquivo do cabeçalho do seu tema diretamente.
Embora existam centenas de plugins para escolher, o plugin gratuito Insert Headers and Footers é a opção mais popular.
Após ativar o plugin em seu site, você pode encontrá-lo em Configurações » Inserir Cabeçalhos e Rodapés.
A partir daí, você pode colar qualquer código que desejar adicionar ou remover do cabeçalho do seu site.
Quaisquer scripts que você adicionar nesta área são automaticamente adicionados à tag de cabeçalho do seu site WordPress. Apenas lembre-se de clicar no botão Salvar para armazenar suas alterações.
4. Personalize o Código do Cabeçalho do WordPress (Avançado)
Se você for um usuário avançado, pode personalizar cabeçalhos no WordPress usando seu próprio código personalizado. Você precisará de conhecimento prático de HTML, PHP e CSS para este método, portanto, ele é inadequado para usuários não técnicos.
Para editar o código do seu cabeçalho, acesse Aparência » Editor de Temas e abra o arquivo Style.css.
A partir daí, você pode rolar até a seção Cabeçalho do Site e adicionar ou remover código para personalizar a estilização.
Você também pode fazer alterações no seu arquivo header.php. No entanto, este código lida com funções em vez de estilização.
A maioria das pessoas que desejam personalizar seus cabeçalhos está mais interessada em atualizar a aparência de seus sites do que no que acontece nos bastidores. Portanto, você provavelmente concentrará a maior parte de sua atenção no CSS do seu cabeçalho.
Perguntas Frequentes sobre Cabeçalho do WordPress
Para tornar seu cabeçalho responsivo no WordPress, certifique-se de estar usando um tema responsivo, que deve ajustar automaticamente o layout do cabeçalho para diferentes tamanhos de tela. O construtor de cabeçalhos do SeedProd é responsivo por padrão, por exemplo.
Se o seu tema não for responsivo, considere usar consultas de mídia CSS para modificar o layout e o estilo do cabeçalho para diferentes dispositivos.
Sim, você pode adicionar uma barra de pesquisa ao seu cabeçalho do WordPress. Muitos temas vêm com suporte integrado para uma barra de pesquisa no cabeçalho. Com o SeedProd, você pode arrastar e soltar o bloco Formulário de Pesquisa em seu cabeçalho para adicionar funcionalidade de pesquisa.
Personalize seu Cabeçalho do WordPress Hoje
Esperamos que este artigo tenha ajudado você a aprender como editar cabeçalhos no WordPress.
A maneira mais fácil de obter controle total sobre seu cabeçalho é com o SeedProd. Ele oferece um construtor de cabeçalhos visual de arrastar e soltar, você não precisa editar nenhum código ou arquivos de tema diretamente, e você pode personalizar seu cabeçalho diretamente do painel do WordPress.
Você também pode gostar deste guia sobre como editar o rodapé no WordPress.
Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTube, X e Facebook para mais conselhos e conteúdo úteis para expandir seus negócios.
