Editor Wix Harmony: aggiungere e gestire i menu
In questo articolo:
- Aggiungere un menu
- Aggiungere e gestire gli elementi del menu
- Aggiungere menu a tendina al menu
- Modificare il layout del menu
- Progettare menu verticali e orizzontali
- Utilizzare i menu su mobile
- FAQ
I menu consentono ai visitatori di esplorare il tuo sito e scoprire ciò che offri. Scegli le pagine e i link più importanti per te. Decidi tu l'aspetto e il funzionamento del menu, così la navigazione risulta sempre naturale, indipendentemente dal dispositivo utilizzato dai visitatori.

Aggiungere un menu
I menu aiutano i visitatori a spostarsi tra le pagine del tuo sito. Nella categoria Menu del Pannello Aggiungi elementi, le opzioni Orizzontale, Verticale e Menu a tre linee consentono di aggiungere un
menu del sito collegato alle pagine del sito (ad es. le nuove pagine vengono mostrate automaticamente in questo menu).
Puoi anche aggiungere un
menu personalizzato separato per aree specifiche e scegliere se mostrarlo come menu orizzontale, verticale o a tre linee. Ad esempio, crea un menu personalizzato per il piè di pagina del sito o per una pagina specifica che richiede una navigazione dedicata.
Per aggiungere un menu:
- Vai all'Editor.
- Clicca su + Aggiungi in alto a sinistra nell'Editor.
- Seleziona la categoria Menu.
Suggerimento: clicca sull'icona Freccia
accanto alle categorie per scorrere l'elenco. - A seconda del tipo di menu che vuoi aggiungere, segui i passaggi riportati di seguito:
Menu del sito
Menu personalizzato
Lo sapevi?
Se aggiungi una barra dei menu all'header, sui dispositivi
mobile diventa automaticamente un menu a tre linee. In questo modo, la navigazione sul sito rimane ordinata sugli schermi più piccoli.

Aggiungere e gestire gli elementi del menu
Dopo aver aggiunto il menu, scegli gli elementi che vuoi mostrare. Seleziona le normali pagine del sito, le raccolte di pagine delle app e del CMS o pagine specifiche all'interno di una raccolta. Puoi anche aggiungere contenitori a tendina e link per personalizzare l'esperienza in base alle esigenze del tuo cliente.
Puoi modificare in qualsiasi momento un menu esistente e gli elementi che mostra. Aggiungi altri elementi, rimuovi quelli non pertinenti o cambia l'ordine per mantenere aggiornati i contenuti.
Per gestire un menu:
- Vai al tuo Editor.
- Clicca sul menu.
- Clicca su Gestisci menu.
- Scegli cosa fare:
Aggiungere altri elementi al menu
Modificare il link di un elemento del menu
Rinominare un elemento del menu
Rimuovere un elemento dal menu
Riordinare gli elementi del menu

Aggiungere menu a tendina al menu
Usa i menu a tendina per raggruppare le pagine correlate sotto un unico elemento del menu e mantenere la navigazione ordinata e immediata da consultare. Scegli un elemento principale, che sia una pagina o un link, e inserisci altre pagine al suo interno per creare il menu a tendina.
Per aggiungere e configurare un menu a tendina:
- Vai all'Editor.
- Clicca sul menu.
- Clicca su Gestisci menu.
- Decidi quale elemento del menu utilizzare come titolo del menu a tendina.
- Sposta il primo elemento del menu nel menu a tendina:
- Trascina l'elemento del menu pertinente sotto il titolo del menu a tendina.
- Passa il mouse sull'elemento che hai trascinato e clicca sull'icona Altre azioni
. - Seleziona Sposta sotto "Nome pagina".
- Ripeti il passaggio 5 per tutti gli altri elementi che vuoi spostare nel menu a tendina.

Trascinare con il mouse:
Vuoi un modo più rapido per trasformare le pagine in elementi di un menu a tendina? Trascina una pagina verso l'alto o verso il basso, quindi leggermente a destra fino a quando non viene "inserita" sotto un'altra pagina. La GIF qui sotto mostra come dovrebbe apparire.
Modificare il layout del menu
Un layout del menu chiaro aiuta i visitatori a capire rapidamente dove andare. Scegli una barra dei menu se vuoi che tutti gli elementi siano visibili in una riga o in una colonna, con un maggiore controllo su cosa accade quando un menu orizzontale esaurisce lo spazio disponibile. Se preferisci un'icona compatta che apra il menu di navigazione, scegli un menu a tre linee, ideale per layout ordinati e minimalisti o quando lo spazio è limitato.
Modificare il layout del menu:
- Vai all'Editor.
- Clicca sul menu.
- Clicca su Cambia formato nella Barra delle azioni.
- Scegli l'opzione pertinente sotto Menu:
- Barra dei menu: gli elementi del menu vengono mostrati in una barra di navigazione. Sotto Orientamento, scegli se la barra deve essere orizzontale o verticale.
Suggerimento: per i menu orizzontali, puoi anche scegliere il Comportamento degli elementi quando lo schermo del visitatore non offre spazio sufficiente per tutti gli elementi: puoi espandere il menu (Adatta al testo) oppure aggiungere un tasto per scorrere gli elementi aggiuntivi (Adatta allo scorrimento). - Menu a tre linee: i visitatori vedono un'icona su cui possono cliccare per aprire il menu. È un'ottima opzione per layout ordinati e minimalisti.
- Barra dei menu: gli elementi del menu vengono mostrati in una barra di navigazione. Sotto Orientamento, scegli se la barra deve essere orizzontale o verticale.

Progettare menu verticali e orizzontali
Metti in risalto i menu personalizzando ogni dettaglio, dai colori e bordi al testo, agli angoli e al layout. Che il menu sia orizzontale o verticale, puoi controllare l'aspetto della barra e dei relativi elementi, progettare i menu a tendina e regolare la spaziatura per offrire ai visitatori un'esperienza ottimale.
Stai progettando un menu a tre linee?
Leggi il nostro articolo sui
menu a tre linee per scoprire di più. Puoi personalizzare ogni dettaglio, dal tasto al contenitore.
Progettare un menu verticale o orizzontale:
Clicca sul menu.
Clicca sull'icona Tutte le opzioni di design
nella Barra delle azioni.Seleziona la parte pertinente del menu sotto Seleziona una parte:
Barra del menu ed elementi del menu
Testo dell'elemento
Menu a tendina ed elementi dei menu a tendina
Progettare lo stato al passaggio del mouse degli elementi del menu:
Rendi il menu coinvolgente e interattivo modificandone l'aspetto quando i visitatori ci passano sopra con il mouse. Clicca l'icona Design al passaggio del mouse nella barra delle azioni per scegliere un effetto predefinito. In alternativa, personalizza da zero lo stato al passaggio del mouse selezionando Elementi del menu o Testo dell'elemento nel Pannello Design.

Utilizzare i menu su mobile
Quando visualizzi
il tuo sito su un telefono, l'header si trasforma per offrire un'esperienza ordinata e senza elementi superflui. Gli elementi presenti nell'header desktop (es. link di navigazione e icone social) vengono spostati in un
menu a tre linee compatto, lasciando in alto solo gli elementi essenziali. Puoi spostare gli elementi all'interno del menu mobile o rimuoverli in base alle tue esigenze.
Per modificare il menu dell'header su mobile:
- Vai all'Editor.
- Clicca l'icona Mobile
in alto a destra nella pagina. - Clicca l'icona del menu a tre linee.
- Clicca il menu a tendina Modalità normale e seleziona Menu a tre linee.

- Scegli cosa fare:
- Riposiziona gli elementi all'interno del contenitore: trascina gli elementi per spostarli all'interno del contenitore del menu a tre linee
- Aggiungi elementi al contenitore: usa il pannello Aggiungi elementi per aggiungere altri elementi al contenitore del menu a tre linee. Questi elementi sono disponibili solo su mobile, quindi non appaiono su desktop
- Riporta un elemento nell'header: clicca l'elemento con il tasto destro del mouse e seleziona Sposta nell'header

FAQ
Clicca una domanda qui sotto per scoprire di più.
Posso ridimensionare la barra del menu?
Posso aggiungere più menu all'header?
Rimuovere una pagina dal menu la elimina dal mio sito?
Devo mostrare tutte le pagine del mio sito nel menu?
Come posso modificare la sottolineatura che appare quando passo il mouse sugli elementi del menu?


accanto a un elemento del menu per rinominarlo o rimuoverlo.



accanto a un elemento e trascinalo nella posizione desiderata.
: modifica il colore del menu scegliendo uno dei colori del brand o un colore personalizzato.
: definisci i bordi del menu per metterlo in risalto, scegliendo colore, larghezza e stile. Clicca sull'icona Modifica singoli bordi
: rendi gli angoli del menu più squadrati o arrotondati trascinando il cursore sotto Raggio. Clicca sull'icona Modifica singoli angoli
: applica un'ombra interna ed esterna per dare al menu un interessante effetto 3D, impostando posizione, sfocatura, colore e altro ancora.
: dai più respiro ai contenuti aggiungendo la spaziatura interna e regolando lo spazio tra gli elementi.
: decidi se applicare a questo menu la direzione del sito, da sinistra a destra o da destra a sinistra. Per i menu verticali, puoi anche scegliere la larghezza degli elementi del menu e se mostrare i menu a tendina aperti o chiusi.
per personalizzare ogni lato del bordo.
: personalizza gli elementi del menu a tendina modificando carattere, colore, formattazione, allineamento, spaziatura tra i caratteri e altro ancora.
nella barra delle azioni per scegliere un effetto predefinito. In alternativa, personalizza da zero lo stato al passaggio del mouse selezionando Elementi del menu o Testo dell'elemento nel Pannello Design.