O cabeçalho é a parte do seu site que contém o logotipo e a navegação. Existem várias maneiras diferentes de controlar o estilo do seu cabeçalho, o que ajuda a criar um cabeçalho atraente para o seu site.
Tipos de cabeçalho
Existem dois tipos de cabeçalhos disponíveis — retráteis e fixos. Os cabeçalhos retráteis estão disponíveis na versão para desktop e no layout do cabeçalho da barra superior no tablet. Cabeçalhos fixos estão disponíveis em todos os dispositivos. Os cabeçalhos para dispositivos móveis são sempre fixos por padrão.
Para saber mais sobre cabeçalhos, assista ao vídeo a seguir:
Cabeçalhos reduzidos
O cabeçalho reduzido é uma versão menor do cabeçalho do site, permitindo que você mantenha importantes informações de navegação fixas sem distrair os usuários enquanto eles rolam a página para baixo e sem ocupar muito espaço. Ele atua como um recurso de cabeçalho fixo, mas condensa o tamanho dos logotipos e outros s no cabeçalho. É especialmente útil em sites com cabeçalhos grandes e sites projetados para rolagem longa. O cabeçalho retrátil está disponível na versão para desktop e para tablet apenas no layout do cabeçalho da barra superior.
Layouts de cabeçalho
Para alterar o layout do cabeçalho:
- Passe o mouse sobre o cabeçalho e clique em Cabeçalho.
- Na aba "Design", selecione um novo layout de cabeçalho. O uso de cabeçalhos pré-projetados diminui o tempo da criação do seu site. Você sempre pode selecionar um layout e modificá-lo depois. Ao mudar para um cabeçalho fixo, você primeiro precisa desativar a opção "Cabeçalho reduzido" na aba "Cabeçalho reduzido".
A seleção de um desses layouts removerá qualquer conteúdo existente da seção do cabeçalho; portanto, faça um backup antes de selecionar essas opções. Além disso, ao usar um desses layouts, o cabeçalho ficará flexível, e você não poderá voltar para um cabeçalho fixo.
Cabeçalhos aderentes
Para definir um cabeçalho fixo, posicione o cursor sobre o cabeçalho, clique em Cabeçalho e, na aba Conteúdo, escolha a opção Definir como cabeçalho fixo.O cabeçalho ficará estático e no lugar enquanto você percorre as páginas do site.Se a opção "Cabeçalho fixo" não estiver disponível, você precisará desativar a opção "Cabeçalho reduzido" na aba "Cabeçalho reduzido".
Ocultar cabeçalhos
Para ocultar um cabeçalho em uma página:
- Passe o mouse sobre a parte inferior do cabeçalho e clique em Cabeçalho.
- Clique em Ocultar cabeçalho da página em e selecione o dispositivo em que deseja ocultar o cabeçalho.
Para reexibir o cabeçalho:
- No painel lateral, clique no ícone Reexibir Elementos (
) em Configurações.
- Clique no ícone Ocultar no rodapé e selecione Sim para exibir o cabeçalho.
Para obter mais informações, consulte Exibir elementos ocultos.
Logotipo do cabeçalho
Se o cabeçalho contiver uma imagem, o logotipo do site será mantido ao se mover entre os layouts de cabeçalho. Caso exista mais de uma imagem ou o logotipo seja textual, a imagem do logotipo será mantida como no layout. É relevante destacar que os cabeçalhos entre os dispositivos não estão vinculados. Dessa forma, se um logotipo for inserido no desktop, ele não será automaticamente transferido para os outros tipos de dispositivos. A única exceção ocorre quando o layout do cabeçalho da barra superior é usado no tablet, pois ele irá herdar quaisquer alterações de logotipo realizadas no desktop.
Se você excluir o logotipo, adicione novamente a imagem arrastando o elemento da imagem de volta ao cabeçalho e defina o link para voltar à página inicial. Para obter mais informações, consulte widget Imagem.
Outras opções de cabeçalho
Existem outras opções de cabeçalho disponíveis no menu de design, que permitem personalizar ainda mais a aparência do seu cabeçalho.
Para acessar o menu de design do cabeçalho, passe o mouse sobre o cabeçalho, clique em Cabeçalho e, em seguida, clique na guia Design.
Para mostrar itens de cabeçalho acima das imagens hero, clique em Sobrepor a primeira fileira. Isso dá mais visibilidade às imagens hero e deixa o site com um design mais moderno e atraente. Lembre-se:
- Para o cabeçalho. Deixe a cor do fundo transparente ou opaca.
- Para a primeira linha. Use um preenchimento superior igual ou semelhante à altura do cabeçalho.
Ao alternar para um novo layout de cabeçalho que contém ícones sociais, os ícones são exibidos conforme definido na biblioteca de conteúdo. Se não houver links sociais, os ícones sociais serão mantidos genéricos, como no layout.