Vuoi scoprire come creare un menu di navigazione One Page in Elementor ?
Ci sono siti web che hanno una sola pagina (la home page). Anche quando fai clic su una voce del menu di navigazione, verrai indirizzato a un'altra sezione della stessa pagina anziché a un'altra pagina.
L'obiettivo di questo tipo di sito web è quello di garantire che il Visitatori concentrati sui tuoi contenuti. Oltre al contenuto, un altro elemento chiave di a sito web a una pagina è il menu di navigazione. In Elementor, è molto semplice creare il menu di navigazione di a sito web ad una pagina.
Questo articolo ti mostrerà come.
Per darti una panoramica, ecco un esempio di menu di navigazione di un sito Web di una pagina.
Come accennato, non è difficile creare il menu di navigazione di un sito web di una sola pagina come quello qui sopra Elementor.
Sebbene alcuni componenti aggiuntivi, come Componenti aggiuntivi essenziali et PowerPack, vieni con un widget per creare la navigazione su una pagina, puoi anche crearne uno senza installare un componente aggiuntivo.
L'idea principale è quella di puntare una voce di menu in una determinata sezione della pagina. Per fare ciò, devi aggiungere un ID CSS alla sezione a cui vuoi puntare.
Leggi anche: Come impostare la posizione personalizzata per il menu mobile in Elementor
Facciamo un esempio.
Supponiamo di avere una voce di menu chiamata "Classi" e di volere il tuo Visitatori essere indirizzati alla sezione "Corsi" del tuo sito Web di una pagina ogni volta che fanno clic sulla voce di menu "Corsi".
Innanzitutto, modifica la pagina con Elementor e seleziona la sezione "Classi" (usa il browser per tua comodità).
Una volta selezionata la sezione Classi, vai alla scheda avanzato dal pannello di sinistra e apri il blocco avanzato. Inserisci ilID CSS della sezione in campo ID CSS.
Ripetere i passaggi precedenti per le altre sezioni che si desidera designare con le voci di menu.
Chiamare identificatori CSS
Puoi utilizzare qualsiasi widget Elementor che abbia un'opzione per aggiungere un collegamento per richiamare ogni ID CSS che hai aggiunto alle sezioni. Basta incollare l'ID CSS nel campo del collegamento. Aggiungi il " # come prefisso.
Se desideri utilizzare il widget Menu di navigazione, puoi modificare il menu che utilizzi. Nel campo URL di ogni voce di menu, digita l'ID CSS con il "#" come prefisso.
Ottieni subito Elementor Pro!!!
Conclusione
Ecco ! Questo è tutto per questo articolo che ti mostra come crea un menu a schermo intero in Elementor. Se hai dubbi su come arrivarci, faccelo sapere all'interno commentaires.
Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
