Menu

Informações gerais

O módulo de Menus é utilizado para construir estruturas de navegação no Studio CMS. Pode ser usado para menus laterais, menus de apoio, navegação por secções ou outras estruturas personalizadas de links.

Nesta área, o trabalho normalmente divide-se em três etapas: criar o menu, adicionar itens e organizar a estrutura final. Depois disso, é possível editar cada item com mais detalhe, incluindo URL, comportamento do link, classes CSS, logótipo e permissões.

Painel de criação de novo menu

No estado inicial, é possível criar um novo menu, definir o nome, escolher o idioma e ativar ou desativar o conjunto.

Passos principais

Escolher ou criar um novo menu
Preencher o campo Nome
Definir o Idioma
Ativar ou desativar o menu através do toggle Ativo
Guardar o menu para começar a adicionar items

Notas úteis

Convém usar nomes claros e internos, especialmente quando existirem várias versões por idioma
Antes de estruturar itens, garante que o menu base já está corretamente criado

Hiperligação para página

Permite associar ao menu uma página ou categoria existente
É a opção mais indicada quando o item deve refletir uma página real do projeto
Depois da seleção, basta usar o botão Adicionar ao menu

Hiperligação personalizada

Permite criar items manuais com Texto, Hiperligação e comportamento de abertura
É útil para links externos, âncoras, documentos ou páginas especiais
Também é adicionada através do botão Adicionar ao menu

Regra simples: se o item corresponde a uma página existente, usa “Hiperligação para página”. Se for um destino manual ou externo, usa “Hiperligação personalizada”.

Estrutura de menu existente com subitens

Depois de existirem items no menu, é possível organizar a estrutura e criar relações hierárquicas entre eles.

Mudar posição

Os items podem ser reorganizados para alterar a ordem final do menu
A ordem influencia diretamente a navegação mostrada no frontend

Criar submenu

Para criar um submenu, arrasta um item para dentro de outro item “mãe”
Esse movimento cria uma relação hierárquica entre ambos
O item interno passa a funcionar como subitem

Boas práticas de estrutura

Evita profundidades excessivas
Usa submenus apenas quando há uma relação clara entre conteúdos
Confirma sempre a leitura final da navegação depois da reorganização

Atenção: criar um submenu não é apenas uma questão visual. Também altera a lógica de navegação e a forma como o utilizador percebe a relação entre as páginas.

Campos base

Texto define o nome visível do item
Abrir em define se o link abre na mesma janela ou noutra
URL define o destino do item

Quando editar manualmente

Quando o texto do item precisa de ser diferente do título original da página
Quando é necessário corrigir ou substituir o URL
Quando o comportamento de abertura precisa de ser ajustado

Classes CSS

Permite adicionar classes específicas ao item
Deve ser usado apenas quando existe uma convenção definida pela equipa
É útil para casos de styling muito específicos

Logótipo e posição

Alguns itens podem ter um logótipo associado
Também é possível definir a posição do logótipo
Este recurso deve ser usado quando há real necessidade visual no menu

Permissões

Os items podem ter permissões associadas
Ao alterar permissões, podes estar a substituir a configuração herdada da página original
Deve ser validado com cuidado

Recomendação: não preencher campos avançados só porque estão disponíveis. Classes CSS, logótipos e permissões devem ser usados apenas quando acrescentam valor real ao comportamento ou apresentação do menu.

Clareza da navegação

Usa nomes curtos e claros
Evita menus demasiado longos sem agrupamento
Cria submenus apenas quando a relação entre conteúdos é evidente

Manutenção futura

Revê regularmente links personalizados
Evita estruturas demasiado profundas
Testa o menu no frontend depois de qualquer reorganização
Mantém coerência entre idiomas e versões do mesmo menu