L'intestazione è la parte del tuo sito che contiene il logo e il menu di navigazione. Esistono vari modi diversi di controllare lo stile dell'intestazione per crearne una attraente per il tuo sito.
La funzione Scorri sull'intestazione mantiene gli elementi di navigazione essenziali come il logo e il menu visibili nella parte superiore dello schermo mentre gli utenti scorrono la pagina verso il basso. Condensa i loghi e le dimensioni generali dell'intestazione per risparmiare spazio e garantire un facile accesso alla navigazione senza essere invadente. Ideale per i siti con intestazioni di grandi dimensioni o progettati per lo scorrimento esteso, migliora l'esperienza dell'utente mantenendo l'accessibilità alle opzioni di navigazione chiave.
È importante notare che l'intestazione adesiva deve essere già abilitata prima che lo scorrimento sull'intestazione possa essere abilitato.
Per abilitare lo scorrimento sull'intestazione:
-
hover sopra l'intestazione e fai clic su Intestazione.
-
Fai clic su Modifica design. Apparirà il pannello Design intestazione.
-
Espandi la sezione Posizione e abilita l'interruttore Imposta come intestazione fissa se non è già abilitato.
-
Abilita l'interruttore Modifica intestazione allo scorrimento .
-
Configurare le seguenti opzioni di progettazione:
-
Spaziatura interna. Imposta i valori iniziali delle intestazioni Spaziatura interna-top e Spaziatura interna-bottom (questo non è specifico per l'opzione sticky header).
-
BG su scorrimento. Seleziona il colore di sfondo e l'opacità. Le modifiche apportate a qualsiasi dimensione dello schermo influenzeranno le altre.
-
Spaziatura sullo scorrimento. Definite la spaziatura interna superiore e inferiore in px, %, vh o vw. Se desideri sovrascrivere le impostazioni delle dimensioni dello schermo del desktop, puoi apportare modifiche su tablet e dispositivi mobili.
-
Dimensione del logo. Utilizza il dispositivo di scorrimento o la casella di testo per specificare le dimensioni del logo quando l'intestazione si restringe durante lo scorrimento. Il valore predefinito è 66%. Le modifiche devono essere apportate alle dimensioni dello schermo individuali.
-
Le modifiche apportate nella sezione Layout del pannello Struttura intestazione non influiscono sulle impostazioni di Posizione.
Hai la flessibilità di impostare l'intestazione in modo che si sovrapponga al contenuto nella prima riga della pagina. Questo può creare un effetto visivamente accattivante in cui l'intestazione si integra perfettamente con il contenuto. Se lo si desidera, è possibile impostare l'intestazione in modo che si sovrapponga alla prima riga. Questa opzione deve essere abilitata per pagina.
Per abilitare l'intestazione sovrapposta con la prima riga:
-
hover sopra l'intestazione e fai clic su Intestazione.
-
Fai clic su Modifica design. Apparirà il pannello Design intestazione.
-
Espandi la sezione Posizione e abilita l'interruttore per Sovrapponi 1a sezione sulla pagina.
-
(Facoltativo) Configura un colore di sfondo che si applicherà a tutte le dimensioni dello schermo.
Non tutti i widget sono compatibili e vengono visualizzati nell'intestazione che si restringe. Se nell'intestazione è presente un widget che non è compatibile con la riduzione dell'intestazione, al posto del widget viene visualizzata una colonna vuota. Non è possibile modificare i widget quando l'intestazione è ridotta.
I seguenti widget sono compatibili e verranno visualizzati in un'intestazione ridotta:
-
Navigazione
-
Multilingue
-
Icone dei social media
-
Pulsante Chiamata con un clic
-
Pulsante Email con un clic
-
vCita
-
Pulsante PayPal
-
Pulsante Mi piace di Facebook
-
Immagini e loghi
-
Paragrafo widget
-
Titolo widget
-
Pulsanti
Un'intestazione fissa diventa statica e rimane in posizione quando scorri le pagine del tuo sito.
Per abilitare un'intestazione fissa:
-
hover sopra l'intestazione, fare clic su Intestazione, quindi su Modifica design.
-
Nella scheda Contenuto , seleziona Imposta come intestazione fissa. Se l'opzione per Intestazione fissa non è disponibile, è necessario disabilitare l'interruttore per Riduzione intestazione nella scheda Riduzione intestazione.
È possibile scegliere tra diversi layout di intestazione flessibili predefiniti. Se si passa a uno dei layout di intestazione flessibili predefiniti, non è possibile tornare a un'intestazione fissa, ma è possibile passare solo da un layout di intestazione flessibile all'altro. Il passaggio da un layout all'altro rimuove anche il contenuto esistente dalla sezione dell'intestazione. Si consiglia di creare un backup prima di cambiare layout.
Per modificare il layout dell'intestazione:
-
hover sopra l'intestazione e fare clic su Intestazione.
-
Nella scheda Progettazione selezionare un nuovo layout di intestazione. Se stai passando a un'intestazione fissa, devi prima disabilitare l'interruttore per la riduzione dell'intestazione nella scheda Riduzione dell'intestazione.
-
Impaginazione: Esplora le opzioni di layout che abbinano gli stili di navigazione superiore e hamburger in modo coerente in tutte le dimensioni dello schermo. Mentre i layout predefiniti hanno capacità limitate, un'opzione di modifica avanzata migliora la flessibilità.
-
Spaziatura: imposta i margini e la spaziatura interna, con modifiche sul desktop che influiscono su altre dimensioni dello schermo se la loro spaziatura rimane inalterata.
-
Sfondo: scegli il colore o l'immagine di sfondo, aggiungi bordi o ombre e osserva le modifiche riflesse senza soluzione di continuità su tutte le dimensioni dello schermo.
-
Posizione: abilita un'intestazione fissa con modifiche basate sullo scorrimento. L'attivazione dell'intestazione adesiva su qualsiasi dimensione dello schermo influenza il comportamento sugli altri.
Se l'intestazione contiene un'immagine, quando si passa da un layout all'altro il logo del sito verrà mantenuto. In presenza di più immagini o di un logo di tipo testuale, l'immagine del logo viene mantenuta così com'è nel layout. È importante notare che le intestazioni tra i dispositivi non sono collegate, quindi se aggiungi un logo sul PC desktop non sarà aggiunto automaticamente agli altri tipi di dispositivi. L'unica eccezione è che se il layout dell'intestazione della barra superiore viene utilizzato su tablet, erediterà le modifiche del logo effettuate su PC desktop.
Se elimini il logo, aggiungi di nuovo l'immagine ritrascinandone l'elemento corrispondente nell'intestazione e configura il link per tornare alla home page.
È possibile abilitare la modifica avanzata per l'intestazione per accedere a più opzioni di personalizzazione, come la possibilità di aggiungere più widget ed elementi. La modifica del layout dell'intestazione (nel pannello Design intestazione) ripristinerà tutte le modifiche apportate e disabiliterà la modifica avanzata.
Nota
Poiché le intestazioni si sincronizzano tra una dimensione dello schermo e l'altra, ti consigliamo di controllarle tutte le quando utilizzi l'opzione di modifica avanzata.
Quando si utilizza l'editing avanzato, si consiglia di controllare tutte le dimensioni dello schermo a causa della sincronizzazione dell'intestazione.
Per abilitare la modifica avanzata:
-
Fare clic sulla scheda Intestazione .
-
Fai clic su Modifica design.
-
Nella sezione Layout, fai clic su Abilita modifica avanzata.
Se prevedi di visualizzare elementi diversi su desktop e dispositivi mobili (ad esempio, un pulsante su desktop e un'icona su dispositivi mobili), utilizza la funzione Nascondi/Mostra per transizioni senza interruzioni.
Per disabilitare la modifica avanzata e reimpostare l'intestazione, selezionare un layout diverso:
-
Fare clic sulla scheda Intestazione .
-
Fai clic su Modifica design.
-
Nella sezione Layout, fare clic sulla freccia per accedere alle opzioni di layout.
-
Seleziona un layout diverso per disabilitare la modifica avanzata e reimpostare l'intestazione. Tutte le modifiche apportate utilizzando la modifica avanzata verranno annullate e non salvate.
Commenti
0 commenti
Questo articolo è chiuso ai commenti.