Como configurar um menu de site

Leia este guia para saber mais sobre o design do menu, como ele funciona e como ele se parece:

Este guia abrange seis tipos de menu de navegação, contém instruções para criar todos os tipos de menu e dicas sobre onde usar cada um deles.

Há duas maneiras de adicionar itens de menu.

Defina um link completo para a página, por exemplo:
http://mysite.com/about

Ou coloque um link relativo:
/sobre

Você pode definir o URL de uma página nas Configurações da página:

Passe o ponteiro do mouse sobre um item de menu. Você verá duas opções para adicionar um link: Link para a página e Link para o bloco.

Clique em Link to Page para visualizar uma lista de páginas do site. Selecione uma página da lista para que seu URL seja inserido automaticamente.

Se você quiser adicionar um link para um bloco na página, clique em Link to Block. Você será direcionado para a página para poder escolher o bloco que deseja. Clique no bloco para o qual deseja que os usuários sejam direcionados quando clicarem no item de menu. O link âncora será adicionado automaticamente.

Para criar um menu de navegação dentro de uma única página, preencha os campos "Link" com IDs de bloco, por exemplo, #rec2081259. Você pode encontrar um ID de bloco nas configurações do bloco.

Se quiser usar um link personalizado, por exemplo #link, você pode criar um link âncora.

Para criar um site em dois idiomas, você terá que criar dois projetos (Tilda Plano de Negócios necessário). Você pode achar mais fácil criar um site em um idioma primeiro. Depois disso, você pode copiar o projeto e traduzi-lo.

Configure o cabeçalho de ambos os projetos adicionando um bloco de menu ME204 ou um destes menus: ME301, ME302, ME303, ou os menus hambúrguer: ME401, ME402, ME304. Abra o painel Conteúdo do bloco e adicione os idiomas e os links dos sites.

Existem duas maneiras de criar um menu de segundo nível:

Adicione um bloco de menu à página.

Vá para o painel Conteúdo do bloco → Itens de menu → Adicionar subitens, em seguida, os ícones "mais" aparecerão à esquerda.

Para adicionar um segundo nível, clique no ícone "mais" e adicione um título de submenu e sua URL. Clique no "+" várias vezes para adicionar o número necessário de subitens.

Na área de trabalho, um menu de segundo nível é exibido em uma lista suspensa ao passar o mouse; em dispositivos móveis, ele aparece quando você toca.

Adicione qualquer bloco de menu à página – será um menu de primeiro nível. Em seguida, adicione um bloco ME601 (Menu: segundo nível).

ME601 permite adicionar um submenu para os itens do menu principal. Ele aparecerá como um menu suspenso quando você passar o mouse sobre ele na área de trabalho ou tocar em um dispositivo móvel.

Como funciona:
1) No bloco ME601: especifique um linkhook, por exemplo, #submenu:more.
2) No menu principal: adicione um link #submenu:more no painel Conteúdo do bloco → Itens de Menu como link de um item de menu.

Importante: o item do menu principal não será clicável. Se você quiser ter um link, duplique este item no menu suspenso.

Nota: "Mais" em "#submenu:mais" pode ser qualquer palavra, por exemplo: #submenu:portfolio ou #submenu:aboutus.

Para configurar a fixação do bloco, abra Zero Block → → Configurações em "Posição e estouro", selecione "Fixo" para bloquear o bloco.

O bloco pode ser fixado na parte superior ou inferior da página e pode ser configurado para aparecer após X pixels (Appear Offset). Nesse caso, você pode personalizar uma das duas variantes de animação de aparência - Fade In ou Slide Up/Down. Isso pode ser útil, por exemplo, se você quiser que o cabeçalho do site não apareça imediatamente, mas sim após alguma rolagem.

Leia sobre outros tipos de menu, descubra como criar um menu fixo que ficará visível ao rolar, como adicionar dois menus a uma página, como criar guias e muito mais em nosso artigo "Explore seis designs de menu de sites".