Introdução
Os menus são essenciais para a navegação e organização do conteúdo em suas páginas. Na Rockty, configurar um menu é um processo simples e personalizável, permitindo que você crie menus que se adaptem perfeitamente ao design do seu site. Este tutorial vai guiá-lo por todas as etapas de configuração do elemento Menu, abordando desde ajustes básicos até configurações avançadas.
1. Como Adicionar Menus
Para adicionar um menu à sua página na Rockty, siga estes passos:
-
Adicione um novo elemento em sua página.
-
Selecione o elemento 'Menu' na lista de opções disponíveis no menu lateral esquerdo.
💡 Dica: Caso precise de mais detalhes sobre como adicionar elementos, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.
2. Como Acessar as Configurações do Elemento
Para acessar as configurações de um menu, clique no ícone de engrenagem do elemento ou clique com o botão direito do mouse sobre ele para abrir o menu de opções. Isso disponibilizará todas as possibilidades de configuração que veremos neste tutorial.
3. Configurações do Menu
Ajustes
-
Visibilidade: Controle a visibilidade do menu em dispositivos Desktop, Tablet ou Mobile clicando nos ícones correspondentes. Para reexibir um menu oculto, clique novamente no ícone do dispositivo desejado.
-
Inserir e Gerenciar Itens do Menu:
-
Para editar o texto de um item, clique em "Item 01", "Item 02", "Item 03" ou “New item” e personalize conforme desejado.
-
Para configurar ações dos itens, clique no ícone de link ao lado de cada item e escolha uma das opções conforme necessário.
-
Para excluir um item, clique no ícone de lixeira.
-
Para adicionar um novo item, clique no botão "+".
-
Ative ou desative o estilo de menu hambúrguer "☰" para a versão mobile conforme necessário.
-
Posição
Ao configurar o menu no seu construtor de páginas, você pode ajustar a posição e a direção para atender melhor ao layout desejado.
Configurações Principais
-
Posição: Defina o alinhamento do menu para a esquerda, centro ou direita, de acordo com o design da página.
-
Direção: Escolha entre uma disposição horizontal ou vertical para o menu.
-
Margens e Espaçamentos Internos: Ajuste as margens e espaçamentos internos manualmente ou utilizando as barras deslizantes para obter o posicionamento ideal.
-
Evite margens negativas para prevenir conflitos com outros elementos da página.
💡 Dica para Mobile: Caso você opte por não usar o menu do tipo hambúrguer "☰" no mobile, considere configurar a "Direção" do menu como "Vertical". Essa configuração geralmente proporciona uma navegação mais intuitiva e responsiva em dispositivos móveis, aproveitando melhor o formato da tela.
Estilo e Tipografia
-
Estilo: Ative ou desative bordas de contorno nos itens do menu.
-
Cor do Texto: Escolha a cor da fonte através da paleta de cores ou insira o código HEX. Para excluir uma cor, clique no ícone de lixeira.
-
Fontes: Selecione entre centenas de tipos de fontes disponíveis para personalizar o menu.
-
Tamanho da Fonte: Ajuste o tamanho manualmente ou use a barra deslizante.
Avançado
-
Efeitos de Movimento – Animação: Adicione animações ao menu selecionando um efeito da lista. como efeitos de entrada ou ao passar o mouse. Configure o comportamento (uma vez ou infinito), ativação e duração (normal, devagar, rápido).
-
CSS Classes: Personalize o estilo do menu usando CSS. Insira um nome para o CSS e utilize o elemento de Script para aplicar o código correspondente. Para mais detalhes, consulte nosso tutorial sobre CSS Classes.
Conclusão
Configurar menus na Rockty é uma tarefa que permite grande flexibilidade e personalização para melhorar a navegação do seu site. Utilize as opções de ajustes, estilo e configurações avançadas para criar menus que atendam às suas necessidades específicas. Em caso de dúvidas, consulte nossos tutoriais adicionais para obter suporte detalhado.
Dicas Adicionais
-
Organize os Itens do Menu de Forma Clara: Certifique-se de que os itens do menu estão organizados de forma lógica e intuitiva. Agrupe itens relacionados e mantenha a estrutura do menu simples para facilitar a navegação.
-
Use Links Relevantes e Atualizados: Verifique se todos os links do menu estão corretos e levam os usuários às páginas ou seções apropriadas. Links quebrados ou desatualizados podem frustrar os visitantes e prejudicar a navegação.
-
Considere a Navegação Responsiva: Garanta que o menu seja responsivo e funcione bem em dispositivos móveis.
-
Personalize o Estilo do Menu: Aproveite as opções de personalização para ajustar a aparência do menu, como cores, fontes e espaçamento. Isso ajudará a garantir que o menu se integre bem com o design geral da sua página.
-
Utilize Animações e Efeitos com Moderação: Animações e efeitos visuais podem melhorar a experiência do usuário, mas evite exagerar. Mantenha as animações sutis para não distrair ou sobrecarregar os visitantes.
-
Inclua um Indicador de Navegação Ativa: Adicione um indicador visual para destacar o item do menu que está atualmente selecionado ou ativo. Isso ajuda os usuários a entenderem sua posição na navegação e facilita a orientação dentro do site.
-
Teste a Navegação do Menu: Sempre teste o menu em diferentes navegadores e dispositivos para garantir que ele funcione corretamente em todos os ambientes. Verifique a funcionalidade dos links e a usabilidade geral do menu.
Precisa de Ajuda?
Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!