Come aggiungere una pagina al menu di WordPress

Vuoi modificare i tuoi menu e migliorare la navigazione? In questo articolo, ti mostreremo come aggiungere una pagina al menu di WordPress e aiutare i tuoi visitatori a navigare nel tuo sito.

Perché personalizzare e aggiungere una pagina al menu di WordPress?

La risposta rapida è per una facile navigazione. Rendere facile per gli utenti trovare ciò che stanno cercando è la chiave per fornire un'esperienza migliore. Ciò aumenterà naturalmente le visualizzazioni di pagina complessive e ridurrà la frequenza di rimbalzo.

Quando i visitatori atterrano sul tuo sito web, vedono prima la tua intestazione. Ad esempio, diamo un'occhiata all'intestazione del nostro sito.

Come puoi vedere, il logo QuadLayers è presente insieme a collegamenti a pagine importanti , un menu a discesa per mostrare i nostri prodotti e un modulo di accesso all'account. Tutte le pagine essenziali sono nell'intestazione per una facile accessibilità. Ciò significa che un visitatore può accedere a qualsiasi sezione specifica del sito Web con un clic, quindi è più facile trovare ciò che sta cercando, che si tratti di un plug-in, di un tutorial sul blog o di pagine di documentazione.

In qualità di imprenditore, potresti avere pagine importanti sul tuo sito come Chi siamo , Contattaci , Informativa sulla privacy e Pubblicità . Se si tratta di pagine che desideri evidenziare o che gli utenti visitano spesso, potresti considerare di aggiungerle al menu principale. In questo modo queste pagine essenziali otterranno la massima visibilità e saranno facili da raggiungere.

Ora che capiamo meglio perché potresti voler personalizzare e aggiungere una pagina al menu di WordPress, vediamo come farlo.

1) Come aggiungere una pagina al menu di WordPress

Esistono due modi per aggiungere una pagina al menu di WordPress:

1. Con i menu di WordPress
2. Dal Personalizzatore di WordPress

In questa sezione, ti mostreremo entrambi i metodi in modo che tu possa scegliere quello migliore per te.

1.1) Con i menu di WordPress

Nella dashboard di WordPress, puoi vedere tutti i menu che hai creato in Aspetti > Menu .

Se hai appena installato WordPress e hai iniziato a configurarlo, probabilmente non hai ancora nessun menu, quindi devi crearne uno manualmente. Per farlo, vai alla sezione Menu, dai un nome al menu e premi Crea menu .

Ora hai un menu. È vuoto, quindi puoi aggiungere pagine per visualizzare alcuni contenuti. Per controllare le pagine disponibili, clicca sul menu a tendina sul lato sinistro.

Puoi aggiungere tutte le pagine al tuo menu o selezionarne di specifiche e aggiungerle manualmente. Nel nostro caso, aggiungeremo tutte le nostre pagine.

Dopo aver aggiunto le pagine al menu, è possibile riorganizzare gli elementi. Trascina semplicemente la pagina che desideri riordinare e rilasciala nella posizione che desideri, come mostrato di seguito.

Sul nostro sito Web di staging, stiamo utilizzando il tema Astra WordPress che viene fornito con cinque posizioni di menu personalizzate.

• Menù primario
• Menù secondario
• Menù fuori tela
• Accesso al menu Account
• Menù a piè di pagina

Queste opzioni potrebbero essere diverse a seconda del tema attivo. Nel nostro caso, utilizzeremo il nostro menu nella posizione del menu principale . Una volta scelta la posizione desiderata, salva le modifiche.

Dopodiché, controlla il tuo sito web dal frontend e vedrai il menu nell'intestazione con tutte le pagine che abbiamo appena aggiunto.

Ora, proviamo qualcos'altro. Invece di scegliere il menu principale come posizione, inseriamolo nel piè di pagina. Vai alla sezione Menu , seleziona la posizione del piè di pagina e aggiorna le impostazioni.

Ora controlla il front-end e vedrai il menu nel footer del tuo sito web.

In questo modo, puoi facilmente aggiungere una pagina al menu di WordPress senza alcuno strumento o plug-in aggiuntivo.

1.2) Utilizzo del Personalizzatore di WordPress

Un altro metodo semplice per aggiungere una pagina al tuo menu è attraverso il Personalizzatore di WordPress. Il vantaggio principale è che ha un'anteprima dal vivo che ti consente di vedere le modifiche in tempo reale.

Innanzitutto, nella dashboard di WordPress, vai su Aspetto > Personalizza per aprire il Personalizzatore .

Sul lato sinistro vedrai tutte le opzioni di personalizzazione disponibili e sul lato destro vedrai l'anteprima dal vivo del tuo sito Web in modo da poter avere un'anteprima di ogni modifica prima che venga pubblicata.

Per questa demo, stiamo usando GeneratePress, quindi questo è il tema che appare come attivo.

Ora andiamo alla sezione Menu .

Quindi crea un nuovo menu.

Assegna un nome, seleziona una posizione di visualizzazione e vai al passaggio successivo.

Ora hai un menu sul tuo sito WordPress, quindi devi aggiungere pagine ad esso premendo Aggiungi elementi .

Dopo aver aggiunto gli elementi, puoi riordinarli semplicemente trascinandoli nella giusta posizione.

Una volta terminata la personalizzazione del menu, pubblicare le modifiche.

Se controlli il tuo sito web dal frontend, vedrai l'intestazione aggiornata.

Questi sono i due semplici modi per aggiungere una pagina al menu di WordPress. Come puoi vedere, entrambi i metodi sono molto semplici e non richiedono alcun plug-in aggiuntivo, quindi puoi avere il tuo nuovo menu attivo e funzionante in pochissimo tempo.

2) Come rinominare un elemento in un menu

Hai imparato come possiamo aggiungere una pagina al menu di WordPress. Questo è il primo passo. Ora, vediamo come puoi personalizzarlo e assegnare un nome personalizzato a ciascun elemento.

Per impostazione predefinita, WordPress utilizzerà il titolo della tua pagina come nome del menu. Ad esempio, il titolo della nostra pagina demo è: Stiamo assumendo! .

Quando aggiungiamo questa pagina al nostro menu, WordPress utilizzerà lo stesso titolo per quell'elemento.

Anche se questa è una soluzione logica, a volte potrebbe essere necessario assegnare un nome personalizzato ai menu. Ad esempio, supponiamo che tu abbia scritto una guida dettagliata su come avviare un blog e il titolo della pagina sia Come avviare un WordPress e gestirlo come un professionista .

Usare quel nome molto lungo nel tuo menu non sarebbe una buona idea perché è piuttosto lungo. Quindi puoi ottimizzarlo rinominandolo in qualcosa come Avvia un blog . In questa sezione, ti mostreremo come farlo passo dopo passo.

Per prima cosa, vai alla sezione Menu e apri la pagina che devi personalizzare. Per questa dimostrazione, cambieremo la sezione Stiamo assumendo! titolo della pagina.

Vai alla sezione Etichetta di navigazione e cambia il nome in Carriere . Vedrai come cambia il nome.

Quindi, salva il menu e controlla il tuo sito Web dal frontend per vedere come è cambiato il nome.

3) Come aggiungere categorie al menu

Per aumentare le visualizzazioni e le conversioni delle pagine di archivio, potresti voler aggiungere categorie al menu di WordPress. Quando gestisci un grande sito con molti contenuti, classificare i post e aggiungere categorie al tuo menu può aiutare i tuoi visitatori a navigare nel tuo sito. In questa sezione, ti mostreremo come farlo utilizzando due metodi diversi.

• Da WordPress
• Con plugin

Diamo un'occhiata a entrambe le opzioni.

3.1) Da WordPress

Dopo aver creato un numero sufficiente di categorie, puoi iniziare ad aggiungerle al menu di WordPress. Per farlo, nella tua dashboard, vai alla sezione Menu e scegli il menu che desideri modificare.

Puoi aggiungere tutte le categorie alla tua lista o sceglierne di specifiche. Nel nostro caso, aggiungeremo tutte le categorie al menu e lo renderemo un menu a discesa.

Per impostazione predefinita, verranno aggiunti direttamente al menu.

Se vuoi creare un menu a tendina, assegna le categorie sotto una voce del menu principale. Ad esempio, imposta le categorie sotto l'elemento Blog e aggiorna il menu.

Nel front-end vedrai tutte le categorie elencate sotto l'elemento Blog .

Questo è un ottimo modo per risparmiare spazio e migliorare la navigazione quando ci sono molte categorie sul tuo sito.

Se hai bisogno di maggiori informazioni a riguardo, consulta la nostra guida su come aggiungere categorie di prodotti WooCommerce al menu.

3.2) Con i plugin

Un altro modo per aggiungere pagine e categorie al menu di WordPress è utilizzare un plug-in. Ci sono diversi strumenti là fuori, ma per questa dimostrazione useremo QuadMenu. È uno strumento freemium che viene fornito con molte funzionalità per organizzare il tuo sito e creare mega menu indipendentemente dal tema che utilizzi. La versione gratuita include funzionalità di base e i piani premium partono da 15 USD (pagamento una tantum) e includono funzionalità più avanzate.

Innanzitutto, installa QuadMenu sul tuo sito web. Vai su Plugin > Aggiungi nuovo , cerca il plugin e installalo.

Dopo averlo attivato, verrai reindirizzato alla pagina delle impostazioni. Nella sezione Menu , vedrai una nuova posizione di visualizzazione chiamata QuadMenu Dev. Abilitalo e salva il menu.

Dopodiché, vedrai alcune opzioni extra nelle voci di menu quando ci passi sopra.

Puoi usare quell'opzione per cambiare le voci di menu. Ad esempio, per personalizzare la voce di menu Carriere , premere il pulsante QuadMenu su di essa.

Nella pagina successiva vedrai tre principali opzioni di personalizzazione.

• Predefinito
• Generale
• Icona

Dalla scheda Predefinito , puoi scegliere il titolo del collegamento, un attributo del titolo, la classe CSS, la relazione del collegamento e una descrizione del menu. Dalla scheda Generale , puoi selezionare sottotitoli, badge, float, opzioni dello schermo e opzioni di float a discesa. Infine, puoi assegnare un'icona personalizzata alla tua voce di menu dalla scheda Icona .

Con un potente plug-in come QuadMenu, puoi portare i tuoi menu WordPress a un livello superiore. Per ulteriori opzioni di personalizzazione, ti consigliamo di dare un'occhiata alla versione premium.

4) Come aggiungere tag, tipi di post personalizzati e collegamenti personalizzati al menu

Finora, abbiamo visto come aggiungere una pagina al menu di WordPress, così come le categorie. Ma c'è di più che puoi fare. In questa sezione, ti mostreremo come aggiungere tag, tipi di post personalizzati e collegamenti personalizzati al tuo menu.

4.1) Come aggiungere tag

Se utilizzi i tag per classificare i contenuti del tuo sito web, puoi aggiungerli al menu di WordPress. Per questo, vai alla sezione Tag sotto Post nella dashboard di WordPress. Vedrai tutti i tag che hai creato lì e potrai crearne uno nuovo.

Una volta creati i tag, vediamo come aggiungerli al menu.

Innanzitutto, apri la sezione Menu . Vedrai un'opzione per visualizzare tutti i tag nella sezione a sinistra. Puoi selezionare tutti i tag o quelli specifici. Se hai un sito grande, ti consigliamo di non selezionare tutti i tag. Probabilmente hai centinaia di tag, quindi aggiungerli tutti al tuo menu non avrà un bell'aspetto e non aiuterà gli utenti a navigare nel tuo sito. Ecco perché l'opzione migliore è aggiungere solo i tag più importanti al tuo menu.

Seleziona semplicemente quelli che desideri aggiungere e fai clic su Aggiungi al menu .

Quindi aggiorna il menu e controlla il tuo sito per vedere i tag che hai selezionato nel menu.

4.2) Come aggiungere tipi di post personalizzati (CPT)

Alcuni temi come Avada sono dotati di tipi di post personalizzati integrati, quindi puoi aggiungere questi tipi di post al tuo menu. Ad esempio, sul nostro sito abbiamo un tipo di post personalizzato chiamato Offerte e abbiamo quattro post sotto di esso.

Per aggiungere tipi di post personalizzati al menu di WordPress, vai alla sezione Menu e vedrai una voce di menu appena registrata lì. Seleziona i post personalizzati che desideri aggiungere e fai clic sul pulsante Aggiungi al menu .

Quindi, vedrai quei tipi di post nel tuo menu. Una volta che sei soddisfatto dell'ordine e dell'organizzazione, premi Salva Menu .

Infine, controlla il tuo menu dal front-end e vedrai i post personalizzati lì.

In questo modo, puoi aggiungere tipi di post personalizzati al menu di WordPress. Se hai più tipi di post personalizzati registrati, li vedrai tutti nella sezione del menu.

NOTA: se non hai registrato alcun CPT, non vedrai questa opzione. Tuttavia, se devi creare un CPT per il tuo sito web, dai un'occhiata al plugin gratuito chiamato Custom Post Type UI.

4.3) Come aggiungere collegamenti personalizzati

Infine, puoi anche aggiungere collegamenti personalizzati al tuo menu. Seguendo questo semplice metodo, puoi includere collegamenti ai tuoi contenuti in un paio di clic.

Nella dashboard di WordPress, vai alla sezione Menu e sul lato sinistro vedrai un'opzione chiamata Collegamenti personalizzati .

Una volta aperto, vedrai l'opzione per aggiungere il tuo URL e il testo del collegamento.

Basta compilare i campi e aggiungere la voce al menu. Ad esempio, per questa dimostrazione, aggiungeremo un collegamento alla nostra pagina Facebook.

Dopo aver salvato le modifiche, controlla il tuo sito dal front end e vedrai il nuovo link alla tua pagina Facebook nel menu.

In questo modo, puoi aggiungere qualsiasi link esterno o interno al tuo menu per aiutare gli utenti a navigare nel tuo sito.

Bonus: come dare uno stile a voci di menu specifiche

Abbiamo già visto come aggiungere e personalizzare pagine, categorie e altri elementi al menu di WordPress. Ma c'è di più che puoi fare. In alcuni casi, potresti voler che gli utenti si concentrino su una voce di menu specifica. In questa sezione imparerai come aggiungere CSS personalizzati a una voce di menu ed evidenziarla usando un po' di CSS per cambiare i colori.

Innanzitutto, nella dashboard di WordPress, vai su Aspetto > Personalizza > sezione Menu e seleziona Opzioni schermo . Lì, devi abilitare la proprietà Classi CSS .

Dopodiché, quando espandi le voci di menu, vedrai la nuova proprietà Classi CSS .

Per questo esempio, imposteremo la nostra classe CSS del menu come careers-cta e salveremo il menu.

Oltre a menzionare la classe CSS, possiamo aggiungere codice CSS per evidenziare quella specifica voce di menu. Per farlo, vai su Personalizzatore di WordPress > Sezione CSS aggiuntivo e aggiungi il tuo codice. D'altra parte, se usi temi come Divi o Avada, c'è una sezione personalizzata per includere CSS aggiuntivi.

Per questa demo, aggiungeremo il codice CSS tramite il Customizer. Include un'anteprima dal vivo in modo da semplificare il processo.

Qui inizia la parte divertente. Incolla il tuo codice CSS nella sezione CSS aggiuntivo. Un codice di esempio che puoi utilizzare è:

 .carriere-cta{
 colore di sfondo: rosa;
 raggio di confine: 15px;
 }

Successivamente, vedrai le modifiche alla schermata dell'anteprima dal vivo.

Questo è solo un codice di esempio, quindi ti invitiamo a giocarci e ad adattarlo alle tue esigenze.

Conclusione

Tutto sommato, i menu sono una parte importante di qualsiasi sito web. Visualizzano informazioni importanti e aiutano gli utenti a navigare nel sito, creando un'esperienza migliore. I menu sono solitamente in cima alle pagine e sono la prima cosa che gli utenti vedono quando atterrano sul sito. Ecco perché dovresti personalizzarli e assicurarti che siano ben progettati.

In questa guida ti abbiamo mostrato come aggiungere una pagina al menu di WordPress e sfruttarla al meglio utilizzando due metodi diversi.

1. Con i menu di WordPress
2. Dal Personalizzatore

L'utilizzo della sezione Menu di WordPress è un modo semplice per creare menu sul tuo sito. Tuttavia, il Customizer include un'anteprima dal vivo che ti consente di vedere le modifiche in tempo reale prima di andare in diretta, il che è un vantaggio.

Inoltre, abbiamo visto come rinominare le voci di menu, come aggiungere categorie, tag, tipi di post personalizzati e collegamenti personalizzati. Inoltre, abbiamo visto come modellare determinati articoli per attirare l'attenzione su di essi.

Per ulteriori informazioni su come migliorare i tuoi menu, dai un'occhiata ai seguenti tutorial:

• Come aggiungere le icone dei social media al menu di WordPress
• Come personalizzare il Menu Divi con CSS

Hai personalizzato i tuoi menu di recente? Cosa hai cambiato? Fatecelo sapere nella sezione commenti qui sotto.