Trascina il widget Barra di navigazione su una pagina Mastro, poi collega quella pagina Mastro alle tue pagine. Il menu si crea da solo a partire dall'elenco delle pagine a sinistra, quindi quando aggiungi una pagina, questa compare nel menu di ogni pagina.
Quale versione usi? EverWeb 4.6 ha una nuova Barra di navigazione con nuove impostazioni, descritte qui sotto. Un menu aggiunto prima della 4.6 mantiene le vecchie impostazioni (le sezioni EverWeb 4.5 qui sotto), anche quando apri il progetto nella 4.6. Per passare un vecchio menu alle nuove impostazioni, eliminalo e trascina una nuova Barra di navigazione sulla pagina Mastro, poi assegnale di nuovo lo stile.
Aggiungi il menu a ogni pagina
- Crea una pagina Mastro (un design condiviso da più pagine) se non ne hai una: fai clic su Nuova pagina Mastro. Vedi Metti la stessa intestazione, lo stesso menu e lo stesso piè di pagina su ogni pagina con una pagina Mastro.
- Seleziona la pagina Mastro e aggiungi il menu:
- Barra di navigazione: apri la scheda Widget in alto a destra e trascina il widget Barra di navigazione sulla pagina. Su una pagina a larghezza fissa (Layout centrato), mettilo nell'intestazione (Header). Su una pagina Responsive, mettilo vicino alla parte superiore.
- Contenitore di navigazione (EverWeb 4.6 e versioni successive): fai clic su Contenitori nella barra degli strumenti e scegli Contenitore di navigazione. Contiene una Barra di navigazione più uno spazio per il tuo logo, ed è adatto alle pagine Responsive.
- Seleziona una delle tue pagine, vai su Ispettore > Impostazioni pagina e scegli la tua pagina Mastro nel menu a discesa Template Mastro. Ripeti per ogni pagina.
- Pubblica il tuo sito web.
D'ora in poi, modifica il menu solo nella pagina Mastro. Sulle altre pagine, il menu mostra una piccola icona nera a forma di pagina nell'angolo, e facendo clic su di essa ti viene proposto di andare alla pagina Mastro.
Scegli quali pagine compaiono nel menu
- Ordine: il menu segue l'ordine dell'elenco delle pagine, dall'alto in basso. Trascina le pagine in alto o in basso per cambiarlo.
- Escludere una pagina: seleziona la pagina, vai su Ispettore > Impostazioni pagina e deseleziona Includi pagina nel menu di navigazione. La pagina resta sul tuo sito web e puoi comunque inserire link che puntano a essa.
- Cambiare il testo: scrivilo in Nome visualizzato nel menu di navigazione nella stessa scheda. Usalo per spazi, lettere accentate e simboli, che il Nome file di una pagina non può contenere.
EverWeb 4.6 e versioni successive: aggiungi le tue voci di menu. Seleziona la Barra di navigazione, vai su Ispettore > Impostazioni widget e apri Link di menu aggiuntivi. Fai clic su Aggiungi, fai doppio clic sul nome per cambiarne il testo, poi imposta il suo link: una sezione di una pagina, una pagina o un altro sito web. Seleziona Nascondi le pagine del mio sito se vuoi che il menu mostri solo i link di questo elenco. In quel caso una nuova pagina non comparirà nel menu finché non la aggiungi lì.
Il menu è presente su ogni pagina, quindi quando lo modifichi EverWeb deve pubblicare di nuovo tutte le pagine. La pubblicazione successiva richiederà più tempo del solito.
Menu a discesa
Metti le pagine all'interno di una directory (una pagina che contiene altre pagine, come una cartella). Fai clic su Aggiungi Directory nella barra degli strumenti, poi trascina le pagine leggermente sotto e a destra di essa. La directory diventa una voce di menu e le sue pagine compaiono in un menu a discesa sotto di essa. Vedi EverWeb può creare menu a discesa?.
In EverWeb 4.6 e versioni successive, il menu mostra fino a due livelli a discesa: metti una directory dentro un'altra directory per il secondo livello, così il menu ha tre livelli in tutto. EverWeb 4.5 mostra un solo livello a discesa. In Menu a discesa in Impostazioni widget, Indicatore sottomenu imposta il piccolo simbolo accanto alle voci che aprono un menu a discesa (Freccia angolare, Triangolo, Più o Nessuna) e Stile voce menu a discesa imposta lo stile pulsante per le voci del menu a discesa.
Cambia l'aspetto
EverWeb 4.6 e versioni successive: Stile voce di menu
Le voci di menu prendono il loro aspetto (riempimento, colori del testo, spaziatura interna e aspetto al passaggio del mouse) da uno stile pulsante. Il tuo progetto ne ha uno creato apposta, chiamato Navigation Button.
- Seleziona la Barra di navigazione e vai su Ispettore > Impostazioni widget.
- Apri Voci di menu e scegli uno stile pulsante in Stile voce di menu. Accanto compare una piccola anteprima e il menu si aggiorna sulla pagina.
- Per cambiare l'aspetto di quello stile, scegli Modifica stili pulsante... in fondo allo stesso menu (oppure usa Formato > Stili del sito web... e fai clic su Stili pulsante). Imposta gli aspetti Normale, Passaggio del mouse, Premuto e Focus tastiera, poi fai clic su Salva. Cambiano tutti i menu e i pulsanti che usano quello stile.
Per tutti i passaggi sugli stili pulsante, vedi Crea pulsanti che sembrano cliccabili: colori, angoli arrotondati, ombre ed effetti al passaggio del mouse.
Buono a sapersi:
- Nessuna in Stile voce di menu trasforma le voci in semplici link di testo. I loro colori vengono quindi da Ispettore > Collegamenti ipertestuali.
- Lo sfondo della barra è separato dalle voci. Riempimento, Bordo e spaziatura interna in Ispettore > Opzioni forma e Metriche definiscono lo stile della fascia dietro le voci, non delle voci stesse.
- Altezza minima delle voci imposta l'altezza di ogni voce (0 la rende alta quanto il testo e la spaziatura interna). Circa 44 pixel o più sono comodi da toccare su un telefono.
- Disposizione contiene Pulsanti di uguale larghezza, Spaziatura elementi e Allineamento (Sinistra, Centra, Destra o Justified (Giustificato)).
- Caratteri nella barra degli strumenti cambia il testo delle voci, e gli effetti di Transizioni e animazioni del mouse in Opzioni forma si applicano a ogni voce.
- Senza un Contenitore di navigazione, Marchio in Impostazioni widget può mostrare il tuo logo nella barra. Assegnagli un Testo alternativo logo, ad esempio il nome della tua attività.
EverWeb 4.5 (e menu aggiunti prima della 4.6)
Con la Barra di navigazione selezionata: i colori del testo e la sottolineatura si trovano in Ispettore > Collegamenti ipertestuali sotto Formattazione collegamento ipertestuale; il riquadro dietro ogni voce si trova in Opzioni forma; allineamento, spaziatura e colori del menu a discesa si trovano in Impostazioni widget; il carattere si trova in Caratteri nella barra degli strumenti.
Il menu sui telefoni
EverWeb 4.6 e versioni successive
- Seleziona la Barra di navigazione sulla tua pagina Mastro e vai su Ispettore > Impostazioni widget.
- In Disposizione, scegli cosa succede in Con spazio limitato:
- A capo: le voci si spostano su più righe.
- Hamburger when needed (Hamburger quando serve): il menu diventa un pulsante menu quando le voci non ci stanno più.
- Hamburger at breakpoint (Hamburger al punto di interruzione): il menu diventa un pulsante menu al di sotto della larghezza che inserisci in Punto di interruzione (px) (800, se non lo cambi).
- Definisci lo stile del pulsante in Menu hamburger mobile: il suo Stile pulsante, l'Etichetta pulsante menu (ad esempio Menu), l'Icona menu (Three Lines, Two Lines, Dots o No Icon, cioè tre linee, due linee, puntini o nessuna icona) e Con menu aperto.
- In Aspetto menu hamburger, scegli se il menu aperto copre la pagina o la spinge verso il basso (Presentazione) e imposta lo Sfondo pannello menu. Animazione e comportamento mobile imposta l'Effetto di apertura e se il menu si chiude dopo che un visitatore ha scelto una pagina.
- Apri l'anteprima e restringi la finestra di EverWeb per fare una prova.
EverWeb 4.5 (e menu aggiunti prima della 4.6)
- Seleziona la Barra di navigazione sulla tua pagina Mastro.
- Vai su Ispettore > Impostazioni widget e scorri fino a Opzioni responsive.
- Seleziona Barra di navigazione reattiva.
- Imposta Mostra a larghezza. Sugli schermi più stretti di questo valore (700 pixel, se non lo cambi), il menu diventa un pulsante con tre linee (un "hamburger") che apre il menu. Definiscine lo stile in Pulsante hamburger.
- Apri l'anteprima e restringi la finestra di EverWeb per fare una prova.
Se il menu va a capo su due righe prima di trasformarsi, aumenta la larghezza. Se il pulsante compare anche sui computer, il valore è troppo alto. Funziona con le pagine Layout centrato e Responsive. Se usi pagine mobile separate, vedi Il mio sito web non si vede bene su un telefono: come funziona la versione mobile in EverWeb.
Domande frequenti
- Un link a un altro sito web nel menu: in EverWeb 4.6 e versioni successive, aggiungilo in Link di menu aggiuntivi (vedi sopra). Nella 4.5, vedi Come inserire un link a un altro sito web nel menu di navigazione di EverWeb.
- Voci di menu che portano a sezioni di un'unica pagina lunga: in EverWeb 4.6 e versioni successive, usa Link di menu aggiuntivi e collega ogni voce a una sezione della pagina. Nella 4.5 la Barra di navigazione non può farlo: crea quel menu con pulsanti o testo e collega ciascuno di essi. Vedi Come inserire un link a un'altra pagina, a un sito web, a un indirizzo email, a un numero di telefono, a un PDF o a una sezione di una pagina.
- Le voci di menu non cambiano quando ne imposti i colori in Collegamenti ipertestuali (4.6): le voci usano uno stile pulsante. Modifica lo stile, oppure scegli Nessuna in Stile voce di menu per usare i colori di Collegamenti ipertestuali.
- L'intera barra è diventata di un solo colore (4.6): il Riempimento della barra stessa si imposta in Opzioni forma. Disattiva il riempimento della barra se vuoi colorare solo le voci.
- Una voce di menu che non funziona: verifica che faccia parte della Barra di navigazione e non sia una casella di testo separata posizionata sopra di essa.
Articoli correlati
- Metti la stessa intestazione, lo stesso menu e lo stesso piè di pagina su ogni pagina con una pagina Mastro
- Crea pulsanti che sembrano cliccabili: colori, angoli arrotondati, ombre ed effetti al passaggio del mouse
- EverWeb può creare menu a discesa?
- Come inserire un link a un altro sito web nel menu di navigazione di EverWeb
- Il mio sito web non si vede bene su un telefono: come funziona la versione mobile in EverWeb