Configuração do cabeçalho do seu site da Cloudbeds

Introdução

O cabeçalho é a seção superior de uma página da web e geralmente aparece em todo o site. Ele pode conter informações importantes, como seu logotipo e detalhes de contato, além de elementos de navegação que ajudam os visitantes a entender onde estão e a se deslocar para outras partes do site.

No Editor do Cloudbeds Websites, você pode configurar como o cabeçalho se comporta conforme os visitantes rolam ou interagem com a página. Comece escolhendo o tipo de cabeçalho que corresponde ao comportamento desejado e, em seguida, aplique suas configurações no Painel de Design.

Conteúdo

• Escolha um tipo de cabeçalho
• Acesse as configurações de design do cabeçalho
• Configure um cabeçalho estático
• Configure um cabeçalho fixo
• Configure um cabeçalho retrátil
• Configure um cabeçalho sobreposto
• Configure um cabeçalho oculto

Escolha um tipo de cabeçalho

Os tipos de cabeçalho controlam o que os visitantes veem no topo da página e como o cabeçalho se comporta enquanto eles rolam a página. Use as descrições abaixo para escolher o comportamento desejado antes de alterar as configurações do cabeçalho.

Acesse as configurações de design do cabeçalho

O comportamento do cabeçalho é configurado no Painel de Design após você selecionar o cabeçalho no editor do Cloudbeds Websites.

1. Abra seu site da Cloudbeds no editor do Cloudbeds Websites;
2. Selecione o cabeçalho;
3. Use o Painel de Design para abrir as configurações disponíveis para o cabeçalho.

Após selecionar o cabeçalho, use o Painel de Design para acessar as configurações disponíveis do cabeçalho. Neste exemplo, os controles de Sobreposição do Cabeçalho estão visíveis.

Configure um cabeçalho estático

Um cabeçalho estático aparece no topo da página, mas não permanece visível enquanto o visitante rola a página. Use esta configuração quando não quiser que o cabeçalho sobreponha a primeira seção ou fique fixo durante a rolagem.

1. Selecione o cabeçalho;
2. No painel de design, expanda Posição;
3. Certifique-se de que Sobrepor com a seção superior da página esteja desativado;
4. Certifique-se de que Definir como cabeçalho fixo esteja desativado.

Configure um cabeçalho fixo

Um cabeçalho fixo permanece fixo no topo da página enquanto o visitante rola a página.

1. Selecione o cabeçalho;
2. No painel de design, expanda Posição;
3. Ative Definir como cabeçalho fixo.

Configure um cabeçalho retrátil

Um cabeçalho retrátil, também conhecido como cabeçalho fixo dinâmico, permanece fixo no topo da página enquanto o visitante rola e muda para um design mais compacto. Configure tanto a aparência inicial quanto como ele muda durante a rolagem.

1. Selecione o cabeçalho;
2. No painel de design, expanda Posição;
3. Ative Definir como cabeçalho fixo;
4. Ative Mudar cabeçalho durante a rolagem;
5. Nas configurações de design do cabeçalho, expanda Espaçamento e defina os valores iniciais de preenchimento superior e preenchimento inferior;
6. Volte para Posição e configure o comportamento durante a rolagem:
   • Fundo durante a rolagem: selecione a cor de fundo e a opacidade.
   • Espaçamento durante a rolagem: defina os valores de preenchimento superior e inferior menores que o espaçamento inicial do cabeçalho.
   • Tamanho do logotipo: use o controle deslizante ou a caixa de texto para definir o tamanho para o qual o logotipo encolhe quando o cabeçalho muda durante a rolagem. O padrão é 66%.

As configurações de comportamento durante a rolagem incluem os controles usados para um cabeçalho retrátil, incluindo comportamento fixo, mudanças na rolagem, espaçamento e tamanho do logotipo.

Configure um cabeçalho sobreposto

Um cabeçalho sobreposto se funde visualmente com a primeira seção da página ao posicionar o cabeçalho sobre essa seção.

1. Selecione o cabeçalho;
2. No painel de design, expanda Posição;
3. Ative Sobrepor com a seção superior da página;
4. Selecione a cor de fundo e a opacidade da sobreposição do cabeçalho.

Configure um cabeçalho oculto

Um cabeçalho oculto não fica visível por padrão e aparece somente quando acionado por uma ação do usuário, como selecionar o botão do menu hambúrguer (≡). Escolha o filtro pré-definido do cabeçalho no painel de design.

1. Selecione o cabeçalho;
2. No painel de design, expanda Filtros pré-definidos;
3. Escolha o layout do filtro que melhor se encaixa no seu design.

Artigos relacionados

Agora que você pode escolher e configurar o comportamento do cabeçalho para seu site da Cloudbeds, use estes recursos para uma navegação mais ampla no Editor 2.0, estilo global do site e orientação para gerenciamento do site:

• Navegação no Editor do Cloudbeds Websites
• Personalização do seu site da Cloudbeds com o Tema do Site
• Visão geral e primeiros passos no Editor do Cloudbeds Websites