Come stilizzare i menu di navigazione di WordPress (aggiornato)

Un menu ben stilizzato può fare una grande differenza. Può migliorare l'aspetto generale del tuo sito, rendere più facile per i visitatori trovare ciò che cercano e persino incoraggiarli a fare clic su determinate pagine.

Qui a WPBeginner, abbiamo visto ogni sorta di modi creativi per stilizzare i menu. Abbiamo anche sperimentato più volte nel corso degli anni con lo stile del nostro menu di navigazione. Pertanto, vogliamo condividere ciò che funziona meglio per diverse situazioni.

In questo articolo, ti mostreremo come stilizzare il tuo menu di navigazione di WordPress in 5 modi diversi.

Perché stilizzare il tuo menu di navigazione di WordPress?

Il tuo menu di navigazione di WordPress è la mappa del tuo sito web, che guida i visitatori alle pagine più importanti. Appare nella parte superiore della maggior parte dei siti web, rendendolo un punto privilegiato per attirare l'attenzione e influenzare il modo in cui gli utenti esplorano i tuoi contenuti.

Stilizzare il tuo menu di navigazione va oltre il semplice renderlo bello. Può migliorare significativamente l'esperienza utente del tuo sito web e, a sua volta, aumentare la tua ottimizzazione per i motori di ricerca (SEO).

Se il design del tuo menu è difficile da usare, i visitatori potrebbero avere difficoltà a trovare ciò che cercano e andarsene frustrati. D'altra parte, un menu chiaro e visivamente accattivante può incoraggiarli a navigare in diverse sezioni e trascorrere più tempo sul tuo sito.

Di conseguenza, puoi aumentare le visualizzazioni di pagina del tuo sito e ridurne il tasso di rimbalzo.

Questa guida illustrerà diversi metodi per stilizzare il tuo menu di navigazione, a seconda del tuo tema WordPress e del tuo livello di comfort. Puoi utilizzare i collegamenti rapidi qui sotto per navigare in questo tutorial e trovare il metodo che funziona meglio per te:

• Metodo 1: Personalizza il tuo menu di navigazione con l'editor completo del sito (temi a blocchi)
• Metodo 2: Personalizza il tuo menu di navigazione con il personalizzatore del tema (temi classici)
• Metodo 3: Personalizza il tuo menu di navigazione con un plugin per page builder (consigliato)
• Metodo 4: Personalizza il tuo menu di navigazione con l'editor CSS visivo (più personalizzabile)
• Method 5: Customize Your Navigation Menu With Code (Advanced)

Metodo 1: Personalizza il tuo menu di navigazione con l'editor completo del sito (temi a blocchi)

Se stai utilizzando un tema a blocchi e desideri stilizzare il menu di navigazione del tuo sito utilizzando l'editor completo del sito, questo è il metodo che fa per te.

Innanzitutto, vai alla tua dashboard di WordPress e naviga su Aspetto » Editor.

Qui vedrai le opzioni per personalizzare diverse parti del tuo tema a blocchi.

Continua e fai clic su 'Navigazione'.

Nella pagina successiva, fai clic sull'icona 'Modifica' a forma di matita.

Questo aprirà l'editor a blocchi, dove potrai modificare il tuo blocco di navigazione.

Una volta nell'editor a blocchi, fai clic sul blocco 'Elenco pagine' che visualizza le pagine del tuo sito WordPress come elementi del menu di navigazione.

Quindi, fai clic su 'Modifica'.

Ora apparirà una finestra popup che ti informerà che puoi modificare il blocco Elenco pagine. Puoi modificare, rimuovere, riordinare e aggiungere nuovi elementi al menu nel blocco.

Fai clic su 'Modifica' per continuare.

L'editor a blocchi per il menu di navigazione funziona come quando si modifica una pagina o un articolo. Sentiti libero di aggiungere altri elementi al menu come link personalizzati, un pulsante di invito all'azione, un modulo di ricerca, un logo del sito e molti altri.

Se desideri approfondire la gestione dei menu con l'Editor del sito completo, consulta la sezione su come modificare il tuo menu di navigazione nella nostra guida all'Editor del sito completo. Quella sezione parla anche della creazione di sottomenu.

Ora, passiamo allo stile. Fai clic su qualsiasi blocco per iniziare.

A seconda del blocco, la barra degli strumenti potrebbe offrire alcune opzioni di personalizzazione. Ad esempio, se selezioni un Link pagina, puoi metterlo in grassetto, corsivo, barrato e riordinarlo se necessario.

Puoi utilizzare questi strumenti per evidenziare una singola voce del menu rispetto alle altre.

Nel pannello delle impostazioni a destra, passa alla scheda ‘Blocco’ e, sotto di essa, naviga alla scheda ‘Stili’.

Qui puoi personalizzare il colore, la tipografia, le dimensioni, i bordi e le ombre del tuo blocco.

I blocchi tendono ad avere impostazioni di Stili predefinite. Ad esempio, se stai modificando un Collegamento Pagina, potresti vedere solo opzioni come ‘Dimensione Font’ e ‘Larghezza’.

Ma non preoccuparti. Fai semplicemente clic sul menu a tre punti accanto a queste opzioni per abilitare maggiori possibilità di personalizzazione, come la modifica del font e dello spazio tra le lettere.

Allo stesso modo, se hai un blocco Pulsante nel tuo menu di navigazione, facendo clic su di esso verranno visualizzate opzioni per personalizzare il suo stile, testo, colore di sfondo, tipografia, dimensioni, bordo e persino ombra.

Puoi leggere la nostra guida su come aggiungere un pulsante di call-to-action per maggiori informazioni.

Se desideri modificare il colore di sfondo del tuo menu di navigazione, dovrai farlo modificando il file header del tuo tema.

Per aprirlo, fai semplicemente clic sul campo di ricerca comandi in alto che dice ‘Navigazione’. Quindi, digita ‘Header’ e premi il tasto Invio.

Ora, apri la Vista Elenco e seleziona Gruppo.

Questo gruppo è composto dal titolo del sito e dal menu di navigazione del tuo header.

Quindi, apri la scheda ‘Stili’ nella barra laterale delle impostazioni del Blocco e fai clic su ‘Sfondo’ nella sezione Colore.

Dopodiché, scegli semplicemente un colore di sfondo per il tuo modello di intestazione.

Una volta soddisfatto dello stile del tuo menu di navigazione, fai semplicemente clic sul pulsante 'Salva' e il tuo nuovo menu e intestazione saranno attivi sul tuo blog WordPress o sito.

Ecco come appare il nostro menu di navigazione sul nostro sito demo:

Tieni presente che le scelte di stile che avrai dipenderanno dalle opzioni di stile generali del tuo tema specifico.

Se desideri personalizzare gli stili globali del tuo tema, devi fare clic sul pulsante 'Stili' nell'angolo in alto a destra.

Da qui, puoi modificare la tipografia, i colori e il layout per l'intero sito web.

Per ulteriori informazioni, consulta la sezione su come cambiare gli stili globali del tuo sito web nella guida all'editing completo del sito.

Metodo 2: Personalizza il tuo menu di navigazione con il personalizzatore del tema (temi classici)

Questo metodo è per gli utenti con temi WordPress classici che desiderano stilizzare il proprio menu di navigazione utilizzando il personalizzatore di temi integrato.

Come con il metodo precedente, ci concentreremo sullo stile dell'aspetto del menu piuttosto che sulla gestione delle voci del menu stesse.

Se desideri imparare come creare menu e gestirli nei temi classici, consulta la nostra guida su come aggiungere un menu di navigazione in WordPress. Copre la creazione di menu con il Personalizzatore, l'assegnazione a diverse posizioni del menu e l'aggiunta di menu come widget.

Per utilizzare il Personalizzatore del tema, vai alla tua bacheca di WordPress e naviga su Aspetto » Personalizza. Quindi, fai clic sul pulsante 'Personalizza' accanto al tuo tema attivo.

Qui vedrai opzioni per personalizzare vari aspetti del tuo tema, che dipenderanno dal tema che stai utilizzando. Nella maggior parte dei casi, i temi di WordPress hanno un'opzione 'Menu', ma gli sviluppatori di terze parti potrebbero aggiungere anche altre impostazioni.

Ad esempio, il tema Sydney ha un Costruttore di intestazione dedicato per la personalizzazione del menu. Assicurati di consultare la documentazione del tuo tema per vedere se aggiungono impostazioni speciali per i menu.

Se il tuo tema non dispone di tali opzioni di personalizzazione, non preoccuparti. Possiamo facilmente stilizzare il menu utilizzando CSS personalizzato.

Innanzitutto, fai clic sulla sezione 'Menu'.

Nella pagina successiva, fai clic sull'icona a forma di ingranaggio 'Impostazioni' e quindi seleziona 'Classi CSS'.

Questo ti consente di assegnare una classe CSS univoca a ciascun elemento del menu, permettendoti di stilizzarli individualmente in seguito.

Successivamente, scorri il pannello.

Quindi, apri il tuo menu principale.

Quello che vuoi fare ora è trovare l'elemento del menu che desideri modificare e fare clic per espanderlo.

Vedrai una nuova opzione per aggiungere una classe CSS personalizzata. Nell'esempio seguente, stiamo semplicemente aggiungendo la classe CSS contact-us alla nostra pagina Contattaci.

Una volta assegnate le classi CSS ai tuoi elementi del menu, torna al menu principale nel Personalizzatore del tema.

Quindi, fai clic su 'CSS aggiuntivo'.

Qui puoi aggiungere codice CSS personalizzato per stilizzare il tuo menu di navigazione.

Esploriamo alcuni esempi e sentiti libero di cambiare le classi CSS e il codice esadecimale del colore:

Cambia il colore di sfondo dell'elemento del menu

Il seguente snippet di codice cambia il colore di sfondo dell'elemento del menu con la classe CSS contact-us in verde (#E3FFA8) e aggiunge angoli arrotondati (border-radius: 5px):

.contact-us {
  background-color: #E3FFA8;
  border-radius: 5px;
}

Cambia il colore predefinito dei link del menu

Questo snippet di codice cambia il colore di tutti i link del menu all'interno dell'elenco del menu principale (#primary-menu-li a) in rosso (#ff0000):

.primary-menu li a {
    color: #ff0000; 
}

Tieni presente che la classe CSS per il menu principale del tuo tema potrebbe essere diversa dalla nostra.

Per vedere qual è la classe CSS del menu principale del tuo tema, puoi utilizzare lo strumento di ispezione intorno all'area del tuo menu di navigazione.

Quindi, cerca un codice HTML che dica 'menu' o 'navigation-menu'. Dovrebbe esserci una classe CSS che lo definisce accanto.

Aggiungi effetti al passaggio del mouse agli elementi del menu

Questo snippet di codice seleziona tutti gli elementi del menu all'interno della lista del menu principale (#primary-menu li) e aggiunge un effetto al passaggio del mouse:

.primary-menu li a:hover {
  background-color: #a6e4a5;
	color: #666;
	border-radius: 5px;
	}

Quando un utente passa il mouse sopra un elemento del menu, il colore di sfondo cambia in verde chiaro (#a6e4a5), il colore del testo cambia in grigio scuro (#666) e vengono aggiunti angoli arrotondati (border-radius: 5px).

Crea menu di navigazione trasparenti in WordPress

Questo snippet di codice CSS può rendere trasparente il tuo menu di navigazione:

#site-navigation { 
background-color:transparent; 
}

L'utilizzo di questo effetto lo farà fondere con l'immagine di sfondo per dare al tuo sito web un aspetto pulito e moderno.

Per ulteriore ispirazione, puoi consultare le nostre guide qui sotto:

• Come aggiungere la prima e l'ultima classe CSS agli elementi del menu di WordPress
• Come evidenziare una voce di menu in WordPress

Ricorda, questi sono solo alcuni esempi per iniziare. Se desideri utilizzare questi stessi metodi ma non riesci a trovare la sezione CSS aggiuntivo, consulta la nostra guida su come risolvere il problema del personalizzatore del tema mancante.

Metodo 3: Personalizza il tuo menu di navigazione con un plugin per page builder (consigliato)

Questo metodo è perfetto per coloro che desiderano un maggiore controllo sull'aspetto del proprio menu di navigazione, ma preferiscono comunque un'esperienza adatta ai principianti. È anche un'ottima opzione se sei ancora nelle prime fasi di creazione del tuo sito web e non l'hai ancora lanciato.

Un plugin page builder ti consente di progettare visivamente il layout del tuo sito web utilizzando la funzionalità drag-and-drop senza dover scrivere alcun codice. Questo lo rende ideale per i principianti assoluti.

In questa sezione, utilizzeremo SeedProd come nostro plugin per la creazione di pagine. SeedProd offre un'interfaccia intuitiva e include blocchi e funzionalità aggiuntive per far risaltare il tuo menu di navigazione.

Passaggio 1: Installa e attiva SeedProd

Innanzitutto, installa e attiva il plugin SeedProd sul tuo sito web WordPress. Puoi leggere la nostra guida su come installare un plugin WordPress per maggiori informazioni.

Una volta attivato, naviga su SeedProd » Impostazioni dalla tua dashboard di WordPress. Quindi, inserisci la tua chiave di licenza SeedProd e fai clic sul pulsante 'Verifica chiave'.

Passaggio 2: Scegli un kit di modelli di tema SeedProd

Ora, vai su SeedProd » Theme Builder. È qui che puoi creare un tema WordPress personalizzato da zero.

Fai clic sul pulsante 'Kit di modelli di tema' per sfogliare una galleria di modelli predefiniti.

Per questo tutorial, utilizzeremo il modello di sito web medico Smile Craft. Tuttavia, sentiti libero di scegliere qualsiasi modello che si adatti alla tua attività.

Puoi visualizzare in anteprima questi kit di modelli di tema facendo clic sull'icona della lente d'ingrandimento per vedere quale si adatta allo stile del tuo sito web.

Una volta trovato un modello di tema che ti piace, fai clic sull'icona del segno di spunta arancione per importare le parti del modello.

SeedProd creerà ora le sezioni essenziali del sito web come l'intestazione, il piè di pagina, la homepage, e così via. Tutte queste possono essere modificate visivamente utilizzando il builder drag-and-drop.

Passaggio 3: Personalizza il design del menu

Una volta installato il modello del tema, tornerai alla pagina Theme Builder.

In un modello di tema SeedProd, il menu di navigazione si trova nella parte del modello di intestazione.

Per modificare il tuo modello di intestazione, semplicemente passa il mouse sopra di esso e fai clic sul link 'Modifica design'. Questo aprirà il modello nell'editor drag-and-drop.

Vedrai ora una sezione di intestazione che consiste nel blocco Nav Menu (che è il tuo menu di navigazione) e altri blocchi, a seconda del tema.

Per modificare il menu, fai clic sul blocco Nav Menu. La barra laterale sinistra ti mostrerà quindi un elenco delle impostazioni del blocco.

Per impostazione predefinita, SeedProd utilizza il menu 'Semplice' per creare un menu basato sul modello di tema che utilizzi. Tuttavia, puoi anche optare per l'opzione 'Menu WordPress' per utilizzare un menu preesistente che hai già creato utilizzando l'editor di menu standard di WordPress (Aspetto » Menu).

Analizziamo la differenza tra i due. Il metodo Semplice ti consente di aggiungere, modificare e rimuovere collegamenti direttamente all'interno dell'interfaccia del page builder.

Per creare una nuova voce di menu, fai clic sul pulsante '+ Aggiungi nuova voce'.

Qui, puoi inserire l'etichetta del testo e l'URL del collegamento.

Quindi, scegli di aprire il link in una nuova finestra e aggiungere un attributo nofollow (se necessario). In questo modo:

Puoi anche riorganizzare le voci del menu facendo clic sul pulsante a tre linee accanto a una voce e trascinandola su o giù.

Per eliminare una voce del menu, è sufficiente passarci sopra il mouse e fare clic sull'icona del cestino accanto ad essa.

Lo svantaggio di questa opzione è che non è possibile creare menu a discesa. Ecco perché si chiama 'Semplice'.

D'altra parte, l'opzione 'Menu di WordPress' non ti consente di gestire le voci del menu direttamente dall'editor di SeedProd. Devi farlo nell'editor del menu.

La buona notizia è che se il tuo menu preesistente è un menu a discesa, puoi visualizzarlo utilizzando questo metodo.

Qualunque metodo tu scelga, puoi personalizzare la dimensione del carattere e lo spazio tra le voci del menu, aggiungere un divisore di testo o regolare l'allineamento.

La scheda 'Avanzate' offre ancora più opzioni di personalizzazione.

Puoi cambiare il layout dell'elenco da orizzontale a verticale, regolare la tipografia, modificare i colori del testo e al passaggio del mouse, e persino aggiungere ombre al testo.

Scorrendo verso il basso, puoi controllare il padding e i margini per desktop, tablet e dispositivi mobili.

In questo modo, il tuo menu è facile da navigare su qualsiasi dimensione dello schermo.

Vuoi far risaltare il tuo menu?

SeedProd ti consente di aggiungere animazioni per un'esperienza utente più coinvolgente. Puoi leggere la nostra guida passo passo su come aggiungere animazioni CSS in WordPress per maggiori informazioni.

Se vuoi aggiungere un nuovo pulsante di call-to-action nella tua barra di navigazione, puoi usare il blocco Pulsante di SeedProd.

Apri semplicemente il cercatore di blocchi nella barra laterale sinistra e trova il blocco Pulsante nella barra laterale sinistra.

Quindi, trascina il blocco ovunque nel tuo header.

Una volta fatto, personalizza semplicemente la call to action del pulsante, il link, lo stile e altre impostazioni.

Puoi anche creare un menu sticky che rimane in cima alla pagina mentre l'utente scorre verso il basso. In questo modo, non dovrà risalire ogni volta che vuole andare su una pagina diversa.

Per fare ciò, passa semplicemente il mouse sopra la sezione finché non appare una linea viola, quindi fai clic sull'icona a forma di ingranaggio 'Impostazioni'.

Ora, passa alla scheda 'Avanzate'.

Quindi, scorri verso il basso fino al menu 'Posizione'.

Qui, scegli 'Sticky'.

Dopodiché, aggiungi uno zero all'offset superiore e un numero z-index elevato (come 999). Questo serve a garantire che l'header appaia sempre subito sopra la pagina.

Una volta che sei soddisfatto del tuo menu di navigazione personalizzato, fai clic sul pulsante 'Salva'.

Passaggio 4: Pubblica il tuo tema WordPress personalizzato

A questo punto, sei pronto per utilizzare il tuo nuovo tema WordPress personalizzato. Per attivarlo, torna alla pagina 'Theme Builder' e attiva il pulsante 'Abilita tema SeedProd'.

Tutto quello che devi fare ora è visualizzare il tuo sito web e controllare il tuo nuovo menu di navigazione personalizzato.

Ecco come appare il nostro menu di navigazione sul nostro sito demo:

Metodo 4: Personalizza il tuo menu di navigazione con l'editor CSS visivo (più personalizzabile)

Questo metodo offre più opzioni di personalizzazione rispetto alle funzionalità integrate di WordPress, ma non è così flessibile come l'utilizzo di un plugin page builder. Detto questo, è un'ottima soluzione se vuoi apportare alcune modifiche di design al tuo menu di navigazione senza sostituire completamente il tuo tema.

Questo metodo è anche una buona alternativa per coloro che utilizzano temi classici che mancano di opzioni di stile ma non si sentono a proprio agio con la modifica CSS del Metodo 2.

Qui ti guideremo nell'utilizzo di un plugin premium per l'editor CSS visuale di WordPress chiamato CSS Hero. Ti permette di progettare visivamente il tuo sito web senza scrivere codice. Non sono richieste conoscenze di HTML o CSS.

Innanzitutto, procedi con l'installazione del plugin CSS Hero in WordPress. Puoi leggere la nostra guida su come installare un plugin WordPress per maggiori informazioni.

Una volta attivato il plugin CSS Hero, vedrai un nuovo pulsante chiamato 'CSS Hero' nella tua barra degli strumenti di amministrazione di WordPress. Fai clic su questo pulsante per avviare l'editor visivo.

CSS Hero utilizza un'interfaccia WYSIWYG. Facendo clic sul pulsante si aprirà il tuo sito web insieme al pannello CSS Hero sul lato sinistro dello schermo.

Per modificare il tuo menu di navigazione, puoi spostare il mouse su di esso. CSS Hero lo evidenzierà quindi con un bordo. Fai clic sull'area evidenziata per iniziare a personalizzare il menu.

CSS Hero ti consente di modificare vari aspetti del contenitore del tuo menu di navigazione, inclusi sfondo, tipografia, bordi, spaziatura, elenchi e persino effetti aggiuntivi.

Ad esempio, supponiamo che tu voglia modificare il colore di sfondo del menu. Facendo clic su 'Sfondo' si aprirà un'interfaccia intuitiva dove potrai scegliere un nuovo colore, gradiente o immagine.

Man mano che apporti modifiche, le vedrai riflesse in tempo reale nell'anteprima del sito web sulla destra.

Oppure, puoi aggiungere un'ombra a casella box shadow ai tuoi elementi del menu per renderli più accattivanti.

Per fare ciò, naviga nella scheda 'Extra'.

Quindi, fai clic su 'Crea Ombra'.

Qui, potrai modificare le impostazioni dell'ombra.

Ora, puoi semplicemente giocare con l'aspetto dell'ombra.

Sentiti libero di trascinare l'orientamento dell'ombra, la qualità della sfocatura e della diffusione, e la posizione.

Puoi cambiare tutto ciò che desideri con l'interfaccia di CSS Hero, così puoi sperimentare per trovare ciò che funziona meglio per il tuo sito.

Una volta che sei soddisfatto del tuo menu personalizzato, fai clic sul pulsante 'Salva' per memorizzare le tue modifiche.

Puoi leggere queste guide per saperne di più su ciò che puoi fare con CSS Hero:

• Come cambiare la dimensione del logo di WordPress (funziona con qualsiasi tema)
• Come Aggiungere Effetti di Hover sulle Immagini in WordPress (Passo dopo Passo)

Metodo 5: Personalizza il tuo menu di navigazione con il codice (Avanzato)

Questo metodo è più adatto agli utenti che hanno familiarità con il codice. Ti consente anche di creare un menu personalizzato se il tuo tema non ne include uno per impostazione predefinita.

Aggiungere snippet di codice personalizzato potrebbe sembrare scoraggiante all'inizio, poiché comporta la modifica di file del tema come functions.php e header.php. Tuttavia, ci sono modi per renderlo più facile.

Ti consigliamo di utilizzare un plugin chiamato WPCode. Fornisce un modo sicuro e intuitivo per aggiungere codice personalizzato al tuo sito WordPress senza modificare i file principali.

La nostra guida su come aggiungere un menu di navigazione personalizzato nei temi WordPress può guidarti attraverso i passaggi per creare un menu con WPCode.

Una volta creato il menu, puoi esplorare questi tutorial.

• Come aggiungere icone immagine con menu di navigazione in WordPress
• Come aggiungere un pulsante al menu dell'intestazione di WordPress
• Come creare un menu di navigazione mobile fisso in WordPress

Ognuno include un metodo per personalizzare il menu utilizzando WPCode.

Guide definitive per personalizzare il menu di navigazione di WordPress

Ora che hai esplorato le basi dello stile del tuo menu di navigazione di WordPress, ecco alcune altre guide che puoi leggere per portare il tuo menu al livello successivo:

• Come aggiungere un mega menu sul tuo sito WordPress. I mega menu ti consentono di includere sottocategorie, fornendo un modo intuitivo per organizzare contenuti estesi del sito web.
• Come creare un menu WordPress reattivo pronto per dispositivi mobili. Questa guida ti illustra come creare un menu reattivo che si adatta a diverse dimensioni dello schermo.
• Come Aggiungere un Menu Responsive a Schermo Intero in WordPress. Questo tutorial ti insegnerà come implementare un menu a schermo intero che si espande su tutto lo schermo quando attivato, offrendo un'esperienza di navigazione audace.
• Come Aggiungere un Menu a Pannello Scorrevole nei Temi WordPress. I menu a pannello scorrevole sono una soluzione che consente di risparmiare spazio, nascondendo la navigazione principale finché un utente non scorre o fa clic su un pulsante per rivelarla.
• Come Creare un Menu di Navigazione Verticale in WordPress. I menu di navigazione verticali possono essere un ottimo modo per mostrare un gran numero di elementi del menu su una barra laterale o in altro spazio verticale sul tuo sito web.
• Come aggiungere icone dei social media ai menu di WordPress. Integra icone dei social media direttamente nel tuo menu di navigazione per rendere più facile per i visitatori connettersi con te.
• Come creare un menu a scomparsa nella barra laterale di WordPress. Hai molte pagine? Rendi più facile per gli utenti navigare nel tuo sito web aggiungendo un menu a scomparsa alla tua barra laterale.

Speriamo che questo articolo ti abbia aiutato a imparare come stilizzare i menu di navigazione di WordPress. Potresti anche voler consultare la nostra guida definitiva agli elementi di design di WordPress e la nostra guida per principianti su come creare una pagina personalizzata in WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.