Estilizar o cabeçalho do site

Seu cabeçalho aparece na parte superior de todas as páginas do seu site e cria a primeira impressão para os visitantes. Neste guia, você aprenderá a fixar um cabeçalho, aplicar um plano de fundo a ele e personalizar as fontes usadas nele.

Para seguir as etapas neste guia, você precisa de um tema compatível com o editor do site. Para descobrir se seu site usa o editor do site, procure a opção Aparência → Editor no painel.

Você precisará acessar sua parte do modelo de cabeçalho. Se você ainda não fez isso, siga as instruções em nosso guia Editar o cabeçalho.

Alterar a cor de fundo do cabeçalho ajuda a estabelecer a identidade da sua marca e faz com que seus elementos de navegação se destaquem. Para alterar a cor de fundo:

1. Ao editar a parte do modelo do cabeçalho, abra a visualização em lista clicando no ícone Visualização em lista (três linhas horizontais) na parte superior esquerda do editor.
2. Navegue até o bloco de grupo na sua parte do modelo do cabeçalho.

3. Na barra lateral de configurações do bloco, clique no ícone Estilos. Ele parece um círculo preto e branco.
4. Adicione uma cor ou uma imagem como plano de fundo.

Saiba mais sobre cores ou imagens de fundo.

Um cabeçalho fixo permanece na tela conforme o visitante navega pelo seu site. Para criar um, siga estas etapas:

1. Vá para a seção Aparência → Editor no seu painel.
2. Clique na visualização da página inicial à direita ou selecione a guia Modelos para personalizar um modelo específico.
3. Selecione o ícone Visualização em lista na parte superior esquerda.
4. Selecione o elemento de cabeçalho na extremidade superior, clique nos três pontos (⋮) e selecione a opção Grupo para colocar o cabeçalho dentro de um bloco de grupo.
5. Na barra lateral de configurações do bloco, defina Posição como Fixa.
6. Clique no botão Salvar para salvar suas alterações.

Aprenda a estilizar o bloco de grupo em que seus elementos fixos estão. Se preferir, aprenda a ajustar o layout dele.

Saiba mais sobre como criar elementos fixos.

Personalizar a tipografia do seu cabeçalho ajuda a estabelecer a identidade visual da sua marca e melhora a legibilidade. Para alterar os estilos de fonte:

1. Ao editar a parte do modelo de cabeçalho, clique no elemento de texto que você deseja modificar (título do site, menu etc.).
2. Na barra lateral de configurações do bloco, clique no ícone Estilos. O ícone Estilos parece um círculo em preto e branco.
3. Localize as configurações de tipografia para ajustar a família de fontes, o tamanho, o peso ou outras opções.
4. Clique no botão Salvar para salvar suas alterações.

Saiba mais sobre fontes personalizadas.