Come impostare un menu del sito Web

Leggi questa guida per saperne di più sul design del menu, su come funziona e su come appare:

Questa guida copre sei tipi di menu di navigazione, contiene procedure per la creazione di tutti i tipi di menu e suggerimenti su dove utilizzare ciascuno di essi.

Ci sono due modi per aggiungere voci di menu.

Impostare un collegamento completo alla pagina, ad esempio:
http://mysite.com/about

Oppure inserisci un link relativo:
/circa

Puoi impostare l'URL di una pagina nelle Impostazioni pagina:

Passa il puntatore del mouse su una voce di menu. Vedrai due opzioni per aggiungere un collegamento: Collegamento alla pagina e Collegamento al blocco.

Fare clic su Collegamento alla pagina per visualizzare un elenco di pagine del sito web. Seleziona una pagina dall'elenco in modo che il relativo URL venga posizionato automaticamente.

Se desideri aggiungere un collegamento a un blocco sulla pagina, fai clic su Collegamento al blocco. Verrai indirizzato alla pagina in modo da poter scegliere il blocco desiderato. Fai clic sul blocco a cui desideri che gli utenti vengano indirizzati quando fanno clic sulla voce di menu. Il collegamento di ancoraggio verrà aggiunto automaticamente.

Per creare un menu di navigazione all'interno di una singola pagina, compila i campi "Link" con gli ID di blocco, ad esempio, #rec2081259. Puoi trovare un ID di blocco nelle impostazioni di blocco.

Se desideri utilizzare un collegamento personalizzato, ad esempio #link, puoi creare un collegamento di ancoraggio.

Per creare un sito web in due lingue, dovrai creare due progetti (Tilda Business Plan richiesto). Potresti trovare più facile creare prima un sito Web in una lingua. Dopodiché, puoi copiare il progetto e tradurlo.

Imposta l'intestazione di entrambi i progetti aggiungendo un blocco menu ME204 o uno di questi menu: ME301, ME302, ME303, o i menu hamburger: ME401, ME402, ME304. Apri il pannello Contenuto del blocco e aggiungi lingue e collegamenti ai siti web.

Esistono due modi per creare un menu di secondo livello:

Aggiungi un blocco menu alla pagina.

Vai al pannello Contenuto del blocco → Voci di menu → Aggiungi sottovoci, quindi le icone "più" appariranno sulla sinistra.

Per aggiungere un secondo livello, fai clic sull'icona "più" e aggiungi un titolo del sottomenu e il relativo URL. Fare clic sul "+" più volte per aggiungere il numero richiesto di elementi secondari.

Sul desktop, un menu di secondo livello viene visualizzato in un elenco a discesa al passaggio del mouse, sui dispositivi mobili viene visualizzato quando si tocca.

Aggiungi qualsiasi blocco di menu alla pagina: sarà un menu di primo livello. Quindi aggiungere un blocco ME601 (Menu: secondo livello).

ME601 consente di aggiungere un sottomenu per le voci del menu principale. Apparirà come un menu a discesa quando si passa il mouse sopra sul desktop o si tocca sul dispositivo mobile.

Come funziona:
1) Nel blocco ME601: specificare un linkhook, ad esempio, #submenu:more.
2) Nel menu principale: aggiungi un collegamento #submenu:more nel pannello Contenuto del blocco → Voci di menu come collegamento a una voce di menu.

Importante: la voce del menu principale non sarà cliccabile. Se vuoi avere un collegamento su di esso, duplica questo elemento nel menu a discesa.

Nota: "Altro" in "#submenu:altro" può essere qualsiasi parola, ad esempio: #submenu:portfolio o #submenu:aboutus.

Per configurare la fissazione del blocco, apri Zero Block → Impostazioni → in "Posizione e overflow", seleziona "Fisso" per bloccare il blocco.

Il blocco può essere fissato nella parte superiore o inferiore della pagina e può essere impostato in modo che venga visualizzato dopo X pixel (Appear Offset). In questo caso, puoi personalizzare una delle due varianti dell'animazione dell'aspetto: Dissolvenza in apertura o Scorri su/giù. Ciò può essere utile, ad esempio, se si desidera che l'intestazione del sito Web non venga visualizzata subito, ma piuttosto dopo un po' di scorrimento.

Leggi altri tipi di menu, scopri come creare un menu fisso che sarà visibile durante lo scorrimento, come aggiungere due menu a una pagina, come creare schede e altro ancora nel nostro articolo "Esplora sei design di menu di siti Web".