Este tutorial apresenta a criação de menus de navegação para o seu site criado com o Site Creator da Infomaniak, bem como a sua composição, estilos e configurações.

Pré-requisitos

• Aceder ao Site Creator:
  • Clique aqui para aceder à gestão do seu produto no Manager Infomaniak (precisa de ajuda?).
  • Clique diretamente no nome atribuído ao Site Creator em questão.
  • Clique no botão Editar o meu site para iniciar o editor: 
    

Os diferentes menus de navegação

As diferentes páginas que compõem o seu site podem ser acessíveis dentro de um ou vários menus de navegação:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Por defeito, a lista das suas páginas aparece, organizada em 2 categorias principais: MENU PRINCIPAL e LEGAL: 
   

Mas pode adicionar vários.

Estes menus, com as páginas que contêm, são depois utilizados em diferentes partes do seu site, dependendo do tema escolhido:

• Normalmente, encontrará o menu principal colocado no topo da página: 
  
• e os outros menus serão automaticamente exibidos no rodapé:
  

Gerenciar os menus

Adicionar um novo menu

Para isso:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Passe o mouse sobre um título de menu na árvore existente.
3. Clique no ícone "+" que aparece ao passar o mouse: 
   

Você poderá gerenciar a exibição do menu no mapa do site ou removê-lo (juntamente com todas as suas páginas):

1. Clique no botão Configurações no menu lateral esquerdo.
2. Passe o mouse sobre um título de menu na árvore existente e clique no ícone de engrenagem que aparece ao passar o mouse: 
   
3. Escolha as configurações desejadas e valide na parte inferior da página: 
   

Consulte este outro guia para não exibir nenhum menu.

Criar um subitem em um menu

Para isso:

1. Clique no botão Configurações no menu lateral esquerdo.
   • A lista de suas páginas será exibida.
2. Com o mouse, mova uma página ligeiramente para a direita, abaixo de outra página: 
   
   • Ela se tornará uma subpágina e seu menu no site poderá exibir a estrutura de árvore criada: 
     
   • Consulte também a dica abaixo…

Título do menu não clicável

Se necessário, escolha não tornar o primeiro elemento de um menu clicável, quando este tiver elementos de submenu (como configurado acima):

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique em Configurações gerais para modificar esta configuração em Opções de submenu: 
   

Elemento de menu contendo um link para outro site

Para isso:

1. Clique no botão Configurações no menu lateral esquerdo.
   • A lista de suas páginas aparece.
2. Clique no botão Adicionar uma página abaixo da estrutura existente: 
   
3. Insira um nome da página e clique em Mostrar mais opções.
4. Escolha o redirecionamento de URL para especificar o destino ao clicar: 
   

Menu superior adicional

Para exibir uma "barra de menu" no topo da sua página:

1. Clique no botão Design no menu lateral esquerdo.
2. Clique em Mais configurações.
3. Ative a Barra de menu do cabeçalho: 
   
4. Depois de ativada, você pode personalizá-la através do link Configurações no mesmo local: 
   

Estilos de menu

Para gerenciar os diferentes estilos de menu:

1. Clique no botão Design no menu lateral esquerdo.
2. Clique em Editor de menu: 
   
3. Em seguida, clique em Configuração: 
   
4. Você poderá, por exemplo, decidir a localização dos seus menus (à esquerda da página ou no topo, fixo ou móvel, tipo "menu hambúrguer ☰" à direita ou normal, etc.): 
   

Alterar a cor do menu "hambúrguer" (☰)

Se este botão de menu com três linhas horizontais ☰ aparecer, por exemplo, branco sobre branco em um dispositivo móvel:

1. Clique no botão Design no menu lateral esquerdo.
2. Clique em Editor de menu.
3. Clique em Título do menu / logótipo.
4. Ajuste a cor do texto:
   

Adotar um novo tema de menu

Altere completamente o estilo predefinido através dos temas no topo do submenu:

• Clique em Modelos de menu (sempre em Design, depois em Editor de menu):
  

Menu fixo

A maioria dos menus propostos irá mover-se com o conteúdo da página.

• O menu desaparece quando se desce na página:
  
  
   
• Pode definir um menu que deve estar sempre fixo na parte superior (com diferentes opções visuais):
  
  

Para ativar ou desativar o menu fixo:

1. Clique em Design.
2. Clique em Editor de menu.
3. Clique em Configuração principal.
4. Escolha No cabeçalho na caixa Tipo de menu.
5. O botão de alternância (toggle switch) Fixo no topo aparece mais abaixo e pode ativá-lo.
6. Clique em Guardar:
   

Alguns modelos de menu (como o #3 e o #16) aplicam diretamente as configurações ideais para um menu fixo.

Inserir seus menus no corpo da página

Um módulo Menu de subpáginas permite a inserção de seus menus e submenus em qualquer lugar da sua página:

• Adicione o elemento a partir das Apps:
  

O módulo mapa do site exibe todos os menus e todas as suas páginas em um único bloco.

Definir a URL da página

Por padrão, se o nome da sua página for Contato, a URL para acessá-la será www.dominio.xyz/contato.

Se, posteriormente, você alterar o nome da página para Olá, a URL será www.dominio.xyz/ola.

Para definir a URL personalizada da página em que você está:

1. Clique no botão Configurações no menu lateral esquerdo.
2. Clique em SEO e Metadados (em Configurações desta subpágina).
3. O primeiro campo na parte superior permite definir o endereço da página. Qualquer espaço será transformado em um hífen e caracteres especiais, acentos, símbolos, etc., devem ser evitados:
   

Se alterações de URL forem registradas durante a criação do site e um menu já contiver um link para a página em questão, ele será adaptado dinamicamente.