Como configurar um menu do site

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

Este guia aborda sete 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 página e Link para bloco.

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

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

Para criar um menu de navegação em 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 de bloco.

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

Para criar um site em dois idiomas, você terá de criar dois projetos (Tilda Business Plan required). Talvez seja 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 de hambúrguer: ME401, ME402, ME304. Abra o painel Conteúdo do bloco e adicione os idiomas e os links dos sites.

Há duas maneiras de criar um menu de segundo nível:

Adicione um bloco de menu à página.

Vá para o painel Content (Conteúdo) do bloco → Menu Items → Add subitems (Itens de menu → Adicionar subitens) e os ícones de "mais" aparecerão à esquerda.

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

No desktop, 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 - ele será um menu de primeiro nível. Em seguida, adicione um bloco ME601 (Menu: segundo nível).

O ME601 permite que você adicione um submenu para os itens do menu principal. Ele aparecerá como um menu suspenso quando passar o mouse sobre ele no desktop ou quando for tocado 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 Content (Conteúdo) do bloco → Menu Items (Itens de menu) como um link de item de menu.

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

Observação: "More" em "#submenu:more" pode ser qualquer palavra, por exemplo: #submenu:portfolio ou #submenu:aboutus.

Para configurar a fixação do bloco, abra Zero Block → Settings → em "Position and Overflow", selecione "Fixed" para bloquear o bloco.

O bloco pode ser fixado na parte superior ou inferior da página e pode ser definido 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 de uma vez, mas depois de alguma rolagem.

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