Organizar o conteúdo no cabeçalho do seu site

Este guia mostrará como organizar os blocos no cabeçalho do seu site para criar o layout que você quer.

Para seguir as etapas deste guia, você precisa de um tema compatível com o editor do site. Uma maneira rápida de descobrir se você usa o editor do site é procurar a opção Aparência → Editor no painel.

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

Você pode mover blocos em seu cabeçalho seguindo estas etapas:

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) no canto superior esquerdo do editor.
2. Encontre o bloco que você deseja mover. Se você vir um símbolo > ao lado de um bloco, clique nele para expandir e ver blocos aninhados.
3. Clique no nome do bloco e mantenha pressionado ao arrastá-lo para a nova posição.
4. Solte o bloco em seu novo local.
5. Clique no botão Salvar para salvar suas alterações.

Para alinhar blocos de cabeçalho horizontalmente (como um logotipo ao lado do título do site), você precisará agrupá-los em um bloco de linha seguindo estas etapas:

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) no canto superior esquerdo do editor.
2. Selecione o primeiro bloco que você deseja enfileirar (por exemplo, seu logotipo).
3. Segure a tecla Shift (PC) ou Command (Mac) e clique em outro bloco para colocar ao lado dele (por exemplo, o título do seu site).
4. Na barra de ferramentas exibida, clique no ícone de linha .
5. Clique no botão Salvar para salvar suas alterações.

Saiba mais sobre como agrupar blocos de conteúdo.

Para alinhar os blocos de cabeçalho verticalmente (como um menu acima de ícones de redes sociais), você precisará agrupá-los em um bloco de pilha:

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) no canto superior esquerdo do editor.
2. Selecione o primeiro bloco que você deseja empilhar (por exemplo, seu menu).
3. Mantenha pressionada a tecla Shift e clique no bloco que você deseja colocar abaixo dele (por exemplo, seu menu de ícones de redes sociais).
4. Na barra de ferramentas exibida, clique no ícone de pilha .
5. Clique no botão Salvar para salvar suas alterações.

Saiba mais sobre como agrupar blocos de conteúdo.

Um cabeçalho de largura total cria uma aparência marcante que se estende por toda a largura da janela do navegador. Para usar essa configuração:

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) no canto superior esquerdo do editor.
2. Encontre o bloco de grupo contendo seu cabeçalho.
   • Se o cabeçalho não estiver em um bloco de grupo, clique em (⋮) e selecione “Grupo”.
3. Na barra de ferramentas exibida, clique no ícone Alinhar .
4. Selecione Largura total.
5. Clique no botão Salvar para salvar suas alterações.

Saiba mais sobre como criar conteúdo de largura total.