Inizio
/
Ecommerce
/
Come personalizzare l'intestazione del mio sito

Come personalizzare l'intestazione del mio sito

L’area dell’intestazione è la barra di navigazione del tuo sito. È una parte importante che ti consente di enfatizzare le pagine o sezioni più critiche del tuo sito web a cui i visitatori possono accedere facilmente.

In questo breve tutorial, imparerai come personalizzare l’intestazione.

Come personalizzare l’intestazione in Website Builder

Come personalizzare il contenuto dell’intestazione

  1. Vai a Site Admin > Website Builder e premi il pulsante Personalizza.
    Pulsante Personalizza in Site Admin di Website Builder
  2. Apri la scheda Pagine.
  3. Vai a Modelli di sito e clicca su Intestazione.
    Impostazioni dell'intestazione per Website Builder
  4. Personalizza vari aspetti dell’area dell’intestazione, come il layout, il tipo di menu, l’allineamento del menu, il logo e il favicon.
    Opzioni di personalizzazione dell'intestazione in Website Builder

Come personalizzare il colore dell’intestazione

  1. All’interno del dashboard, vai a Website Builder.
  2. Clicca su Personalizza.
  3. Apri la scheda Pagine e seleziona Intestazione.
  4. Scegli uno dei colori preimpostati dalla sezione Colore dell’intestazione.
    Impostazioni del colore dell'intestazione in Website Builder

NOTA! Anche il colore del testo cambierà per adattarsi al nuovo colore poiché hai combinazioni di colori predefinite – testo e sfondo per garantire l’accessibilità e altri standard in cui il contrasto dei colori è rispettato. Puoi cambiare la palette di colori predefinita dalla sezione Stile > Colori.

Come personalizzare il menu di navigazione dell’intestazione

  1. Accedi alla tu0 Site Admin.
  2. Apri la sezione Website Builder.
  3. Clicca sul pulsante Personalizza.
  4. Apri la scheda Menu.
  5. Per aggiungere un nuovo elemento di menu, clicca sulla scheda Nuovo elemento.
    Aggiunta di un elemento al menu dell'intestazione in Website Builder
  6. Per aggiungere l’elemento all’intestazione, seleziona Menu principale nel menu a tendina Ubicazione.
    Selezione dell'intestazione per la posizione di un elemento di menu
  7. Seleziona il tipo di elemento dal menu Tipo di collegamento. Puoi scegliere tra Pagina, Etichetta e Link esterno. Se il tipo è Pagina, seleziona una delle pagine del tuo sito web dal menu a tendina qui sotto.
  8. Assegna il nome dell’elemento che apparirà nel menu dell’intestazione.
  9. Conferma l’elemento con il pulsante Aggiungi articolo.
    Pulsante Aggiungi articolo per confermare un nuovo elemento di menu dell'intestazione in Website Builder
  10. Puoi anche eliminare elementi dall’elenco degli elementi del menu in Menu principale. Per eliminare un elemento del menu, passaci sopra con il mouse e premi l’icona Cestino (Elimina). Nella finestra pop-up successiva premi Conferma.
    Eliminazione di un elemento di menu dell'intestazione in Website Builder

  11. Puoi anche riordinare l’ordine degli elementi. Semplicemente, trascina l’elemento scelto e rilascialo nella posizione desiderata.
    Riordinamento degli elementi del menu dell'intestazione in Website Builder

Come personalizzare l’intestazione in SiteGround Ecommerce

Come personalizzare il contenuto dell’intestazione

  1. Accedi a Site Admin del tuo Ecommerce SiteGround e premi Personalizza.
  2. Apri la scheda Pagine, vai a Modelli di sito e clicca su Intestazione.

    Scheda Pagine del builder SiteGround Ecommerce con sezione Intestazione evidenziata


  3. Qui, puoi scegliere il tipo di menu, allineamento del menu, layout, logo e favicon.
    Menu delle impostazioni dell'intestazione in SiteGround Ecommerce


Come personalizzare i colori dell’intestazione

  1. All’interno del builder del tuo negozio, apri la scheda Pagine e seleziona Intestazione dalle Modelli di sito.

    Scheda Pagine del builder SiteGround Ecommerce con sezione Intestazione evidenziata dove puoi cambiare il colore dell'intestazione


  2. Scorri fino alla sezione Colore dell’intestazione, dove puoi selezionare uno dei colori preimpostati per l’intestazione.
    Menu del colore dell'intestazione con diverse palette di colori

NOTA! Puoi scegliere tra combinazioni di colori preimpostate per i colori di sfondo e del testo che sono ottimizzate per una migliore leggibilità. La palette di colori scelta predefinisce le combinazioni di colori disponibili. Per selezionare altre combinazioni, cambia la palette di colori dalle impostazioni Stile > Colori.

Come personalizzare il menu dell’intestazione

  1. All’interno del builder, vai alla scheda Menu.
  2. Per aggiungere un nuovo elemento, clicca sul pulsante Nuovo elemento.
    Pulsante Nuovo Elemento nel menu di Navigazione di SiteGround Ecommerce
  3. Per assicurarti che l’elemento sia aggiunto all’intestazione, seleziona Menu principale dal menu a discesa Aggiungi a.
    Posizione Navigazione Principale selezionata per aggiungere un elemento all'intestazione
  4. Seleziona il tipo di elemento che stai aggiungendo dal menu a discesa Tipo di collegamento. Puoi scegliere tra Pagina, Link esterno, Singolo prodotto, Categoria, Marchio e Etichetta.
    Menu tipo di link per selezionare il tipo del nuovo elemento del menu
  5. Se hai selezionato Pagina, Prodotto, Categoria o Marchio, puoi scegliere uno degli elementi esistenti nel rispettivo tipo di link.
  6. In Nome elemento di menu, digita il nome che apparirà nell’intestazione.
  7. Infine, premi Aggiungi articolo.
    Pulsante Aggiungi Elemento per confermare l'aggiunta del nuovo elemento del menu dell'intestazione
  8. Per eliminare un link dall’intestazione, torna all’elenco Menu principale, passa il mouse sull’elemento scelto e premi l’icona Cestino (Elimina). Si aprirà una nuova finestra in cui devi selezionare Conferma.
    Icona Elimina per eliminare un elemento dal menu dell'intestazione
  9. Puoi anche cambiare l’ordine dei link dell’intestazione. Per farlo, trascina l’elemento scelto e rilascialo nella posizione preferita.
    Spostamento di un elemento per cambiare la sua posizione nel menu dell'intestazione

Condividi questo articolo