Sito Web Wix da Scratch - Il menu dell'intestazione
In questo tutorial, continueremo a lavorare sul nostro sito Web Wix che abbiamo iniziato da un modello vuoto. Aggiungeremo un menu principale nella sezione dell'intestazione.

Il nostro primo compito è quello di aggiungere uno sfondo colorato all'intestazione.

  1. Seleziona l'intestazione e fai clic sul pulsante Cambia design intestazione.

    A questo punto, l'intestazione è impostata su Nessun colore. Cambiamolo in bianco.

  2. Fai clic sul design Intestazione appena sotto il Nessun colore.

  3. Fai clic sul pulsante Personalizza design nella parte inferiore della finestra.

  4. Impostare l'opzione Colore di riempimento e opacità su 100% bianco per lo sfondo e lo sfondo centrale.

  5. Per le impostazioni del bordo, impostare la larghezza del bordo superiore e del bordo inferiore su 0.

  6. Impostare il Raggio degli angoli su 0 e disattivare Abilita ombra.

Ora possiamo aggiungere il menu principale.

  1. Dal menu a sinistra, fai clic sull'icona Più e seleziona Menu dall'elenco.

  2. Fai clic su uno dei menu Orizzontale per aggiungerlo alla pagina.

    Vedrai un nuovo menu sulla pagina con il link per la nostra pagina unica - Home.

  3. Fare clic e trascinare il menu nella sezione dell'intestazione. Quando vedi il testo Allega all'intestazione, rilasciare il menu.

    Poiché centreremo il nostro menu sulla pagina, estenderemo la casella del menu su una larghezza di 980 px.

  4. Con la casella di menu selezionata, trascinare le estremità del riquadro per riempire l'area 980. Utilizzare le linee guida sinistra e destra come guida.

    Il menu dovrebbe essere già impostato al centro per impostazione predefinita. Puoi vederlo perché il link Home è al centro del riquadro. Ora possiamo personalizzare il menu.

  5. Con il menu ancora selezionato, fai clic sull'icona Design (pennello) per aprire la finestra Design menu orizzontale. Fai clic sul pulsante Personalizza design nella parte inferiore della finestra.

    Se fai clic su Colore di riempimento e opacità, vedrai che lo sfondo del menu è già impostato su bianco al 100%. Manteniamo questa impostazione e passiamo al testo.

    Nel tutorial precedente, abbiamo impostato il carattere su Futura Light per il tema del testo principale. Facciamo lo stesso per il menu.

  6. Fare clic sull'icona T per aprire la sezione Impostazioni testo.

  7. Fai clic sulla freccia a destra della sezione Carattere e seleziona Futura Light dall'elenco.

    Manteniamo l'impostazione del colore predefinita per il testo del menu normale. Ma cambieremo il colore del testo del menu Hover e Clicked in oro.

  8. Fai clic sul collegamento al passaggio del mouse nella finestra. Fare clic sulla casella dei colori per aprire il Selettore colore. Fare clic sul collegamento Aggiungi colore, modificare l'impostazione Colore su # bc9b5d e fare clic sul pulsante Aggiungi. Chiudi il Selettore colore.

  9. Ripetere il passaggio precedente per l'impostazione Clicked. Ma questa volta, puoi scegliere il colore oro dall'area I miei colori.

    Infine, vogliamo cambiare il testo predefinito per il collegamento della pagina da HOME al nome del sito Web.

  10. Con il menu ancora selezionato, fai clic sul pulsante Gestisci menu dal menu a comparsa.

  11. Dal menu Pagine, trova la pagina HOME e fai clic sul collegamento a destra. Scegli Rinomina dall'elenco. Aggiungi il nuovo titolo del link e fai clic su Fine.

    Il nostro prossimo compito è ridimensionare la sezione dell'intestazione a poco più dell'altezza del menu.

  12. Seleziona il menu e trascinalo verso l'alto nella parte superiore dell'area dell'intestazione.

  13. Fare clic su un'area vuota dell'intestazione per vedere la maniglia di stiramento. Trascina la maniglia verso l'alto.

Schermate utilizzate su autorizzazione di Wix.com, Inc.