Cabeçalho e rodapé

Os dois blocos compartilhados por todas as páginas: como abri-los, as configurações do cabeçalho (logotipo, layout, comportamento ao rolar, botões), as do rodapé (layout, colunas de links, dados de contato, parte inferior da página) e a faixa de aviso.

O cabeçalho (logotipo, menu, botão de ação) e o rodapé (colunas de links, avisos legais) são compartilhados por todas as páginas do site: você os altera uma vez e todas as páginas acompanham. Eles são únicos: apenas um cabeçalho e um rodapé por site.

Abri-los para editar#

Em uma página comum, o cabeçalho e o rodapé são somente leitura: ao passar o mouse, uma faixa “Cabeçalho compartilhado” ou “Rodapé compartilhado” oferece a opção Editar. Você também pode abri-los pelo seletor de páginas da barra de ferramentas, no grupo Blocos compartilhados, itens Cabeçalho e Rodapé. Eles são então editados como uma página: clique no componente para abrir seu formulário.

O cabeçalho#

• Logotipo / marca: o nome do site (usado se não houver logotipo), o logotipo, uma versão para fundo escuro, um pictograma (um ícone da sua área de atuação ou a inicial do nome, colocado na criação e substituído pelo seu logotipo assim que você enviar um), um selo e o link do logotipo (a página inicial, em geral).
• Layout: clássico (logotipo à esquerda, menu ao centro), centralizado (logotipo acima do menu) ou menu à esquerda, junto ao logotipo.
• Aparência da barra: sólida, vidro fosco, adaptativa (assume o fundo da seção que vem depois do cabeçalho) ou transparente no topo da página e sólida ao rolar. Já a cor da barra é definida em Fundo de seção, ao passar o mouse sobre o cabeçalho, exceto nos modos adaptativo e transparente, em que a aparência decide por ela.
• Ao rolar: a barra continua visível, reaparece quando se volta para cima ou não acompanha. Altura: padrão, fina ou alta para um logotipo grande (seu logotipo, ou o pictograma colocado na criação, cresce junto com a barra). Borda inferior: filete, sombra leve ou nenhuma.
• Rótulos do menu: padrão ou maiúsculas espaçadas. Ao passar o mouse e página ativa: um traço que se desenrola sob o rótulo, um fundo tingido, uma pastilha sólida ou um ponto. Nos quatro casos, a página em que o visitante se encontra continua reconhecível quando o mouse passa sobre outra entrada.
• Nome do site: padrão, fonte dos títulos ou dentro de uma caixa colorida.
• Botões: um link secundário e um botão principal (“Reservar”, “Ligue para nós”), presentes em todas as páginas.

O rodapé#

• Layout: colunas (clássico), centralizado, mínimo em uma linha, dividido (marca à esquerda, links organizados à direita), dois andares (marca e dados de contato em cima, links abaixo) ou nome do site em destaque. No modo mínimo, os títulos das colunas, a frase de impacto e os dados de contato deixam de aparecer, mas nada se perde: volte para as colunas e tudo reaparece.
• Marca: o nome do site, uma frase de impacto, o logotipo (com uma versão para fundo claro).
• Colunas: quantas colunas você quiser, cada uma com um título e uma lista de links (para suas páginas, suas redes sociais, seus avisos legais…).
• Dados de contato: endereço, telefone, e-mail e horários. Cada linha só aparece se você a tiver preenchido. O telefone e o e-mail são clicáveis: em um celular, o visitante liga direto pelo rodapé.
• Base da página: um texto à esquerda (o copyright), um texto à direita e links (informações legais, condições de venda…). Cada link escolhe sua página na lista: ele acompanha as mudanças de nome dela e abre na mesma janela.

Partir de um cartão pré-configurado#

A paleta oferece cinco cabeçalhos prontos (clássico, elegante com logotipo centralizado, transparente sobre a foto, escuro e fino, editorial) e seis rodapés (em colunas, centralizado, em colunas claro, mínimo claro, dividido, com o nome em destaque). Cada cartão insere o componente com suas configurações e o fundo de sua seção. Se o seu site já tiver um cabeçalho, exclua-o antes de inserir outro, ou simplesmente altere suas configurações.

A faixa de aviso#

O componente Faixa de aviso é inserido na área do cabeçalho, acima da barra: um marcador, um texto curto e um link, para uma promoção, um fechamento excepcional ou uma novidade. A faixa é transparente: seu fundo é o da seção em que está.

Para dar a ela um fundo diferente do da barra, separe as duas: insira a faixa e, em seguida, use o botão Separador da barra de ferramentas entre elas. Você obtém duas seções no cabeçalho, cada uma com seu próprio fundo. Veja Seções, separadores e costuras.