Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

O que é: Cabeçalhos personalizados

No WordPress, um cabeçalho personalizado é um recurso de tema que permite que você faça alterações no cabeçalho e na imagem do cabeçalho do seu site. Esse recurso está disponível desde o WordPress 3.0.

O cabeçalho do site aparece na parte superior de cada página do site WordPress e é a primeira coisa que os visitantes verão. Os proprietários de sites podem usar o recurso de cabeçalho de tema personalizado para dar uma primeira impressão melhor e aumentar a probabilidade de os usuários explorarem as páginas.

Dependendo do seu tema, você pode fazer alterações no cabeçalho usando o WordPress Theme Customizer ou o WordPress Full Site Editor. Você também pode personalizar o cabeçalho do seu site usando um plug-in do WordPress ou um código personalizado.

What Is Custom Headers in WordPress?

O que é um cabeçalho no WordPress?

No WordPress, um cabeçalho é uma área que fica na seção superior de todas as páginas de um site. Ele geralmente exibe o título do site, o slogan, o logotipo, o menu de navegação, o botão de chamada para ação e o recurso de pesquisa.

O cabeçalho de um tema do WordPress é normalmente gerenciado pelo arquivo header.php. Se você fizer uma alteração nesse arquivo, ela afetará a seção de cabeçalho em todas as páginas do seu site.

Aqui está o cabeçalho personalizado do WPBeginner:

The WPBeginner Header

O uso de cabeçalhos personalizados no WordPress

O objetivo dos cabeçalhos personalizados é permitir que os usuários personalizem seus cabeçalhos do WordPress.

Há muitos benefícios em fazer isso. Por exemplo, talvez você queira que o cabeçalho reflita melhor a sua marca e combine com o restante do design da Web. Com um cabeçalho personalizado do WordPress, você pode alterar o esquema de cores, ajustar o layout do cabeçalho, adicionar uma nova imagem e assim por diante.

Se você tiver uma loja WooCommerce, talvez queira que seu cabeçalho seja atraente, persuadindo os visitantes a ficarem por perto e fazerem uma compra.

Você também pode melhorar a experiência de navegação do usuário personalizando o menu de navegação ou até mesmo usando cabeçalhos diferentes para determinadas páginas do seu site.

Como personalizar um cabeçalho no WordPress

Há várias maneiras de personalizar a área do cabeçalho do seu site WordPress.

Se você usar um tema clássico, poderá usar o WordPress Customizer, que pode ser aberto em Appearance ” Customize ou Appearance ” Header no administrador do WordPress.

Para obter mais detalhes, consulte nosso guia definitivo sobre como usar o personalizador de temas do WordPress.

The Twenty Sixteen Theme Lets You Add Random Header Images

Se o seu tema for compatível com Full Site Editing, você poderá usá-lo para editar o design do cabeçalho e adicionar imagens de cabeçalho personalizadas. Isso significa que você não terá uma página Appearance ” Customize (Aparência ” Personalizar ) no painel do WordPress. Em vez disso, você deve navegar até Appearance ” Editor.

Além do modelo de cabeçalho padrão, o Full Site Editor também permite que você edite outras partes do seu site, como rodapés. Para saber mais sobre como esse recurso funciona, consulte nosso guia para iniciantes sobre o Full Site Editing do WordPress.

Change the Full Site Editor Template to 'Page Header'

Alguns temas do WordPress não têm uma opção de cabeçalho, como o Twenty Twenty-One, o que significa que você não terá controle sobre o design.

Se quiser usar um tema que permita personalizar cada aspecto do site, recomendamos o uso de um plug-in de criação de temas, como o SeedProd.

O SeedProd é o melhor plug-in de tema e construtor de páginas do WordPress, pois permite que você crie facilmente um tema personalizado do WordPress com uma interface de arrastar e soltar. Além de cabeçalho e rodapé, você pode criar barras laterais e outras áreas para o seu tema do WordPress.

Você pode aprender a fazê-lo seguindo nosso guia passo a passo sobre como criar facilmente um tema WordPress personalizado sem nenhum código.

Customizing the Header Background Color in SeedProd

Por fim, você também pode adicionar código personalizado para modificar o design do cabeçalho. Você pode usar CSS e HTML personalizados para ajustar a aparência do cabeçalho ou até mesmo adicionar algum JavaScript para incorporar um player de vídeo ou integrar seu site a serviços da Web, como o Google Analytics.

Nesse caso, recomendamos o uso do WPCode. Esse plug-in de snippets de código torna fácil e seguro adicionar códigos personalizados a vários arquivos de tema, como os arquivos header.php e functions.php.

Para saber como usar o plug-in, consulte nosso guia sobre como adicionar código de cabeçalho e rodapé no WordPress.

Navigating to the Header & Footer page of the WPCode plugin

Que tipo de personalização você pode fazer em um cabeçalho do WordPress?

Há muitas personalizações que você pode fazer para melhorar o design do cabeçalho do WordPress. Aqui estão alguns tutoriais do WordPress que você pode conferir:

Esperamos que este artigo tenha ajudado você a saber mais sobre cabeçalhos personalizados no WordPress. Talvez você também queira ver nossa lista de Leitura adicional abaixo para obter artigos relacionados sobre dicas, truques e ideias úteis do WordPress.

Se você gostou deste guia, considere a possibilidade de se inscrever em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Leitura adicional

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!