Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere il menu di navigazione di WordPress nei post/pagine

Volete aggiungere un menu di navigazione di WordPress ai vostri post o alle vostre pagine?

Per impostazione predefinita, è possibile visualizzare i menu solo nelle posizioni impostate dal tema di WordPress. Tuttavia, a volte può essere necessario aggiungere un menu a un post o a una pagina specifica o addirittura mostrare il menu all’interno del contenuto di una pagina.

In questo articolo vi mostreremo come aggiungere un menu di navigazione di WordPress ai post e alle pagine.

How to add WordPress navigation menu in posts / pages

Perché aggiungere un menu di navigazione di WordPress nei post e nelle pagine?

Un menu di navigazione è un elenco di link che puntano ad aree importanti di un sito web, solitamente situato nell’intestazione. Questi collegamenti possono aiutare i visitatori a trovare ciò che stanno cercando, migliorare l’esperienza del cliente e far rimanere gli utenti sul vostro sito WordPress più a lungo.

An example of a WordPress navigation menu

La posizione esatta del menu dipende dal tema di WordPress. La maggior parte dei temi consente di mostrare i menu in più aree, ma a volte può essere necessario aggiungere un menu di navigazione a un post o a una pagina.

Ad esempio, si potrebbe voler aggiungere un menu unico che colleghi a tutti i prodotti citati in una specifica pagina di vendita.

Potete anche utilizzare i menu per visualizzare i post correlati sul vostro blog WordPress. Inserendo questo menu di navigazione alla fine di un post del blog, potete incoraggiare i lettori a consultare altri contenuti.

Detto questo, vediamo come aggiungere un menu di navigazione di WordPress a qualsiasi post o pagina. Utilizzate i link rapidi qui sotto per passare direttamente al metodo che desiderate utilizzare:

Metodo 1: Utilizzo del blocco di navigazione di WordPress (migliore per le singole pagine e i post)

Il modo più semplice per aggiungere un menu di navigazione di WordPress ai post e alle pagine è utilizzare il blocco di navigazione integrato. Questo permette di mostrare un menu di navigazione in qualsiasi punto di una pagina o di un post, ma è necessario aggiungere manualmente ogni menu.

Questo è un ottimo metodo se avete bisogno di controllare l’esatta posizione del menu in ogni pagina. Tuttavia, può essere lungo e frustrante se si vuole aggiungere lo stesso menu di navigazione a molte pagine e post.

Per iniziare con questo metodo, basta aprire la pagina o il post in cui si desidera aggiungere un menu di navigazione di WordPress. Quindi, fare clic sul pulsante “+” per aggiungere un nuovo blocco alla pagina.

Adding a navigation block to a WordPress page or post

Nel popup, digitare “Navigazione”.

Quando appare il blocco giusto, fare clic su di esso per aggiungerlo alla pagina o al post.

Adding a new block to a WordPress page or post

Il blocco di navigazione mostrerà uno dei menu predefiniti.

Se si desidera aggiungere un altro menu al posto del menu principale, aprire la scheda ‘Blocco’. Quindi, è necessario selezionare la scheda “Vista elenco”.

The List View tab, in the WordPress block editor

Qui è possibile fare clic sui tre punti accanto a “Menu” per visualizzare tutte le opzioni di menu disponibili.

Quindi, è sufficiente scegliere il nome del menu che si desidera utilizzare al suo posto o creare un nuovo menu.

Choosing a different WordPress navigation menu

A volte è possibile personalizzare il menu aggiungendo altri collegamenti. Ad esempio, se gestite un negozio online su WooCommerce, potreste inserire un link a tutti i prodotti eCommerce menzionati in quella pagina.

Per aggiungere collegamenti personalizzati al menu di navigazione, fare clic sull’icona “+” nella scheda “Vista elenco”.

Adding page links to a WordPress menu

Si apre una finestra a comparsa con diverse opzioni.

Per aggiungere un link a qualsiasi pagina del vostro sito WordPress, basta fare clic su “Collegamento alla pagina”.

adding page links to a WordPress menu

A questo punto è possibile scegliere una pagina dal menu a discesa o iniziare a digitare il titolo della pagina. Quando viene visualizzata la pagina giusta, fare clic per aggiungerla al menu personalizzato.

Per aggiungere altre pagine al menu di navigazione, basta ripetere la stessa procedura descritta sopra.

Adding links to WordPress

È anche possibile aggiungere icone sociali a un menu di WordPress, per incoraggiare le persone a seguirvi su Twitter, Facebook, YouTube, LinkedIn e altro ancora.

Per iniziare, fare clic sull’icona “+” nella scheda “Vista elenco”. Questa volta, selezionare “Icone sociali”.

Adding social sharing icons to WordPress

Questo aggiunge una nuova area in cui è possibile aggiungere le icone sociali.

Per iniziare, fare clic sulla nuova sezione “+ Fare clic su più per aggiungere”.

Adding social icons to WordPress

A questo punto, selezionate la rete di social media a cui volete collegarvi.

Ad esempio, potete scegliere “Twitter” per promuovere la vostra pagina Twitter in WordPress.

Adding a Twitter icon to WordPress

Successivamente, è necessario configurare l’icona sociale.

I passaggi esatti variano a seconda del social network. Tuttavia, in genere è necessario fare clic per selezionare l’icona e poi digitare l’URL del profilo del social network.

Adding a Twitter link in WordPress

È sufficiente ripetere questi passaggi per aggiungere altre icone sociali al menu di navigazione.

Infine, potreste aggiungere una barra di ricerca al vostro menu WordPress per aiutare le persone a trovare pagine, post, prodotti e altro ancora.

WordPress ha una funzione di ricerca integrata, ma è elementare e non sempre fornisce risultati accurati. Per questo motivo vi consigliamo di utilizzare un plugin di ricerca per WordPress per migliorare la ricerca del vostro sito.

Ancora meglio, se scegliete un plugin avanzato come SearchWP, questo sostituirà la ricerca predefinita di WordPress. Dopo aver configurato il plugin, tutte le caselle di ricerca del sito utilizzeranno automaticamente SearchWP, comprese le caselle di ricerca nei menu di navigazione.

Sia che si utilizzi la funzione integrata di WordPress o un plugin avanzato come SearchWP, è sufficiente selezionare “Cerca” per aggiungere una barra di ricerca al menu.

Adding a search bar to a WordPress navigation menu

Quando si è soddisfatti del contenuto del menu, è possibile modificarne l’aspetto.

È possibile modificare il layout del menu, compresi l’allineamento e l’orientamento, selezionando la scheda “Impostazioni”.

How to style a WordPress navigation block

Successivamente, è possibile modificare il colore dello sfondo, il colore del testo, la tipografia e altro ancora selezionando la scheda “Stili”.

Man mano che si apportano modifiche, l’anteprima dal vivo si aggiorna automaticamente. Questo significa che potete provare molte impostazioni diverse per vedere cosa funziona meglio per il vostro blog WordPress.

Customizing the WordPress menu in a page or post

Ci sono molte altre impostazioni che si possono configurare, ma questo è tutto ciò che serve per aggiungere un utile menu di navigazione di WordPress a un post o a una pagina.

Suggerimento: se avete intenzione di utilizzare lo stesso menu di navigazione in più pagine e post, è consigliabile trasformarlo in un blocco riutilizzabile o in un modello nell’editor di blocchi di WordPress. Questo può farvi risparmiare un sacco di tempo e fatica.

Quando si è pronti a rendere attivo il menu di navigazione, basta fare clic sul pulsante “Aggiorna” o “Pubblica”.

How to add a WordPress menu to a page or post

Ora, se visitate questa pagina o questo post, vedrete il menu di navigazione in azione.

Metodo 2: Utilizzo dell’editor completo del sito (solo per i temi a blocchi)

Se si desidera aggiungere un menu di navigazione solo ad alcuni post e pagine, il metodo 1 è un’ottima scelta. Tuttavia, dovrete aggiungere ogni menu manualmente, quindi non è l’opzione migliore se volete mostrare lo stesso menu in tutto il vostro sito.

Se si utilizza un tema a blocchi come Hestia Pro, è possibile aggiungere un menu di navigazione WordPress al modello di pagina o di post.

Questo menu apparirà in tutte le vostre pagine o post senza che dobbiate aggiungerlo manualmente. È perfetto se si desidera mostrare sempre lo stesso menu di navigazione esattamente nello stesso punto.

Per iniziare, andare su Aspetto ” Editor nella dashboard di WordPress.

Selecting the Full-Site Editor from the WordPress admin panel

A questo punto, sul pannello laterale sinistro appariranno alcuni menu.

Per aggiungere un menu di navigazione alle pagine o ai post di WordPress, cliccate su “Modelli” nella barra laterale sinistra.

Selecting the Templates menu in WordPress Full Site Editor

L’editor mostrerà ora tutti i modelli che compongono il vostro tema WordPress.

Per aggiungere un menu di navigazione ai post del vostro blog WordPress, selezionate il modello “Single”. Se invece volete aggiungere un menu alle vostre pagine, selezionate il modello “Pagina”.

Choosing a WordPress block-based template

A questo punto WordPress mostrerà un’anteprima del modello scelto.

Per modificare questo modello, fare clic sull’icona della matita.

Editing a single WordPress template

A questo punto, fate clic sull’icona blu “+” nell’angolo in alto a sinistra.

Nella barra di ricerca visualizzata, digitate “Navigazione”.

Adding a Navigation block to a block-based template

Quando appare il blocco giusto, trascinarlo sul modello.

Per impostazione predefinita, il blocco mostrerà uno dei vostri menu. Se invece si desidera aggiungere un altro menu, fare clic sulla scheda “Blocco”. Quindi, selezionare “Vista elenco”.

The List View tab in the WordPress full site editor

Ora potete fare clic sui tre punti accanto a “Menu” per vedere tutti i menu che avete creato sul vostro sito WordPress.

È sufficiente selezionare un menu qualsiasi dall’elenco.

Adding a navigation menu to a page or post template in a block-enabled theme

A questo punto è possibile aggiungere altre pagine al menu, aggiungere una barra di ricerca e altro ancora, seguendo i passaggi del metodo 1.

Quando siete soddisfatti dell’aspetto del menu di navigazione, fate clic sul pulsante “Salva” per renderlo attivo. Ora, se visitate il vostro sito, vedrete lo stesso menu di navigazione in tutte le vostre pagine o post di WordPress.

Per ulteriori informazioni, potete consultare la nostra guida completa per principianti alla modifica completa del sito WordPress.

Metodo 3: Creare un tema WordPress personalizzato (più personalizzabile)

Un’altra opzione è quella di creare un tema WordPress personalizzato. Si tratta di un metodo più avanzato, ma che consente di controllare completamente la posizione del menu nei post o nelle pagine.

In passato, per creare un tema WordPress personalizzato era necessario seguire complicati tutorial e scrivere codice. Tuttavia, ora è possibile creare facilmente i propri temi utilizzando SeedProd.

SeedProd è il miglior costruttore di pagine WordPress drag-and-drop e gli utenti Pro ed Elite hanno a disposizione anche un costruttore di temi avanzato. Questo vi permette di progettare i vostri temi WordPress senza scrivere alcun codice.

The SeedProd theme customizer

Per le istruzioni passo-passo, consultate la nostra guida su come creare un tema WordPress personalizzato (senza alcun codice).

Dopo aver creato un tema, è possibile aggiungere un menu di navigazione a qualsiasi parte del sito WordPress.

Basta andare su SeedProd ” Theme Builder e trovare il modello che controlla il layout dei post o delle pagine. In genere si tratta di “Post singolo” o “Pagina singola”.

Creating a custom theme using SeedProd

Questo aprirà il modello nel costruttore di pagine drag-and-drop di SeedProd.

Nel menu di sinistra, scorrere fino alla sezione “Widget”. Qui, trovare il blocco Menu di navigazione e trascinarlo nel layout.

Adding a navigation widget using the SeedProd page builder plugin

Quindi, fare clic per selezionare il blocco Menu di navigazione nell’anteprima dal vivo.

A questo punto, aprire il menu a tendina ‘Seleziona menu’ e scegliere il menu che si desidera mostrare.

Adding a navigation menu to a page or post template using SeedProd

È ora possibile digitare un titolo opzionale nel campo “Titolo”. Questo apparirà sopra il menu di navigazione di WordPress.

Per vedere in anteprima l’aspetto del menu sul vostro sito web, fate clic sul pulsante “Applica”.

Previewing a navigation menu in a WordPress page or post

Successivamente, è possibile modificare lo stile del menu facendo clic sulla scheda “Avanzate”.

Se è stato aggiunto un titolo, è possibile modificare il colore del testo, regolare la tipografia e aggiungere più spazio tra l’intestazione e le voci di menu.

Customizing a navigation menu using SeedProd

È inoltre possibile modificare il colore e il carattere utilizzato per le voci di menu.

È sufficiente utilizzare le impostazioni “Tipografia del testo” e “Colore del testo” per apportare queste modifiche.

Customizing a navigation menu using SeedProd

Successivamente, è possibile modificare la spaziatura, aggiungere CSS personalizzati e persino animazioni CSS utilizzando le impostazioni della scheda “Avanzate”.

Quando si è soddisfatti dell’aspetto del menu, fare clic sul pulsante “Salva” nella barra degli strumenti di SeedProd. Quindi, selezionare “Pubblica”.

Choosing a different WordPress navigation menu

Ora, se visitate il vostro sito web, vedrete il nuovo layout della pagina o del post in azione.

Ulteriori modi per personalizzare il menu di navigazione

Volete portare il vostro menu di navigazione a un livello superiore? Ecco alcune guide di esperti che potete leggere per personalizzare il vostro menu di navigazione:

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere un menu di navigazione di WordPress ai post e alle pagine. Potreste anche dare un’occhiata alla nostra guida su come creare una landing page con WordPress o vedere le nostre scelte di esperti per i plugin WordPress indispensabili.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

21 commentiLascia una risposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    It is possible to easily create a breadcrumb menu this way, or it is necessary to use a plugin. Can Gutenberg do the same?

    • WPBeginner Support

      For creating breadcrumbs we recommend using a plugin instead of this method as you would need to create the breadcrumbs on each page for the specific post.

      Admin

  3. Ralph

    I wanted to add custom menu that is different than topbar menu to 5 or 6 special articles and will use first method. It would be time consuming for more posts, as it is manual, but for 5 articles will take half an hour max. Thanks for detailed guide with screenshots. It really helps a lot.

    • WPBeginner Support

      Glad our guide could help!

      Admin

  4. Pier

    The Shortcode Menu didn’t work for me on the new Wordpress 5.x, with Block editor. It failed getting the correct menu.
    I solved by installing another plugin, named “Shortcodes ultimate”

    • WPBeginner Support

      Thank you for sharing your recommendation :)

      Admin

  5. Jon Burr

    The plugin Menu Shortcode has been pulled from the repository.

    • WPBeginner Support

      It has not been updated in a while but it is currently available in the repository :)

      Admin

  6. Rubb

    Great article, I use “menu shortcode” before but it not updated for year.
    It is OK to use it?

  7. sharon

    Does anyone know how to do this, but as a search box, so you can click on and list comes up , if that makes sense , as my list would be about 20 links and that wont look great on the page

  8. StacyN

    Has anyone discovered an alternate plugin to the Shortcode Menu one (which is not supported and discontinued some time ago)?

  9. Tamo

    I had to make mine by hand, because of vertical listing (up to 50 page of content on selected topic) Simply doesn’t look good in page.

    As of plugin, this one is abandoned I believe. I found Shortcodes Ultimate by ( Vladimir Anokhin ) to be extremely helpful.

  10. Chintan patel

    How to create drop down menu in post

  11. Andrea

    Thank you!! I have been looking for a way to display a menu on a page that has a hover feature and this is perfect. My only issue is in the dropdown sub-menu the first link doesn’t align with the others. Is there a way to fix this in the Custom CSS without having to download the code hero plugin?

    Thanks :)

  12. Jose Gonzalez

    What theme do you recommend for a small auto repair business that is only interested in highlighting its business using social media in English and Spanish? Thanks in advance.

  13. Michael Martin

    Great article but it is unfortunate that the Shortcode Menu plugin has not been updated for 2 years so probably not the way to go.

  14. Gavin Simone

    Very helpful to know. I also like using accordion modules to show the subject and let the user decide if they want to read what is inside.

    What happened to you guys using Disqus? I though you migrated over to it. Any reason for switching back?

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.