Mantenha os blocos visíveis enquanto rola

Um elemento fixo é um bloco do seu site que permanece “fixo” quando um visitante rola a página para baixo. Este guia explicará como criar elementos fixos com exemplos populares de botões, cabeçalhos e menus. Use as mesmas etapas para deixar qualquer coisa no seu site fixo.

Para fixar qualquer bloco ou grupo de blocos, você colocará o(s) bloco(s) dentro de um Bloco de grupo que tem uma configuração especial de posição “fixa”. Siga estas etapas para criar um elemento fixo em seu site:

1. Acesse o painel do seu site.
2. Vá até Páginas, Posts ou Aparência → Modelos para editar o conteúdo que você deseja fixar.
3. Selecione Visualização em lista na parte superior esquerda do editor. É o ícone de três linhas horizontais, uma sobre a outra.
4. Selecione um Bloco de grupo existente ou crie um novo.
   • Para criar um grupo rapidamente, selecione vários elementos, clique nos três pontos (⋮) e selecione “Grupo” para colocá-los dentro de um bloco de grupo.
   • Para ser fixo, um elemento deve estar em uma posição de nível superior (ou seja, não aninhado dentro de outros blocos).
5. Na barra lateral de configurações do Bloco de grupo, localize a seção “Posição” e selecione a opção “Fixo” no menu suspenso.
6. Clique no botão “Salvar” para aplicar as alterações ao modelo.

Saiba mais sobre como personalizar ainda mais o estilo e o layout do Bloco de grupo em que seus elementos fixos estão.

Criar um menu fixo significa que o menu inteiro permanece “fixo” enquanto o visitante rola a página para baixo. Para criar um, siga estas etapas:

1. Vá para a seção Aparência → Editor no seu painel.
2. Selecione a aba Modelos e clique no modelo com seu cabeçalho.
3. Selecione o ícone Visualização em lista na parte superior esquerda.
4. Selecione o Bloco de navegaçãoe certifique-se de que ele seja um elemento de nível superior. Na maioria dos casos, um bloco de navegação é aninhado dentro de uma parte do modelo de cabeçalho ou elemento de layout similar, então você precisará movê-lo para fora por conta própria.
5. Clique nos três pontos (⋮) ao lado do item do Bloco de navegação e selecione “Grupo” para colocar o menu dentro de um Bloco de grupo.
6. Na barra lateral de configurações do bloco, defina “Posição” como Fixa.
   • Você também pode querer mudar a cor de fundo do grupo, para que o texto do menu seja legível conforme ele rola sobre vários conteúdos.
7. Clique em Salvar.

Saiba mais sobre como personalizar ainda mais o estilo e o layout do Bloco de grupo em que seus elementos fixos estão.

Um cabeçalho fixo permanece na tela conforme o visitante navega pelo seu site. Saiba mais sobre como criar um cabeçalho fixo.