WordPress visualizza lo stesso menu di navigazione per tutti. Tuttavia, è possibile personalizzare il menu in base al fatto che l’utente sia connesso o meno.
Mostrare menu diversi agli utenti connessi in WordPress è un ottimo modo per creare un’esperienza più personalizzata. Permette di visualizzare contenuti rilevanti solo a chi è connesso, come i dettagli dell’account o risorse esclusive.
In questa guida spiegheremo come impostare diversi menu per gli utenti connessi, utilizzando due metodi.
Perché mostrare menu diversi agli utenti connessi in WordPress?
Modificando le diverse aree del sito WordPress in base ai visitatori e alle loro attività, il sito viene personalizzato per ogni utente.
Questi contenuti personalizzati aiutano a migliorare l’esperienza dell’utente sul vostro sito web WordPress.
Se gestite un sito web in cui gli utenti non devono registrarsi o effettuare l’accesso, potete probabilmente utilizzare gli stessi menu di navigazione in tutto il sito. Tuttavia, altri siti web possono trarre grande beneficio dalla visualizzazione di menu personalizzati per gli utenti connessi.
Ad esempio, siti web come un negozio online, una piattaforma di apprendimento online o un sito di membership Community su WordPress possono beneficiare di menu di navigazione personalizzati.
Un menu di navigazione personalizzato per gli utenti connessi li aiuta a trovare più facilmente le cose per cui si sono registrati.
Ad esempio, un utente di un negozio online può gestire il proprio account, o un membro di una Community a pagamento può facilmente rinnovare il proprio abbonamento o visualizzare i corsi online esclusivi che ha acquistato.
Di default, WordPress consente di creare tutti i menu di navigazione che si desidera. Tuttavia, è possibile scegliere di mostrare un solo menu in una particolare posizione del tema WordPress.
Prima di impostare i menu per gli utenti connessi, è necessario creare due menu di navigazione separati. Un menu sarà per gli utenti connessi e l’altro per quelli disconnessi. Cominciamo.
Solo una nota veloce! I metodi che condividiamo sono pensati per chi utilizza temi classici di WordPress. Se si utilizza un tema a blocchi con caratteristiche di Full Site Editing (FSE) da WordPress 5.8 in poi, questo metodo potrebbe non funzionare.
Creazione di menu per utenti connessi e non connessi in WordPress
Per creare menu separati per i due tipi di utenti, occorre andare alla pagina Aspetto ” Menu della dashboard di WordPress.
Se avete già un menu di navigazione che utilizzate sul vostro sito web per tutti gli utenti, questo può essere il vostro menu predefinito.
Dopodiché, si può cliccare sul link “Crea un nuovo menu” per creare un nuovo menu personalizzato per gli utenti connessi.
Qui si possono aggiungere le voci di menu che si desidera mostrare agli utenti connessi o registrati. Ad esempio, si potrebbe aggiungere un link di logout al menu.
Nella parte sinistra della schermata è presente un elenco delle pagine del sito web. È sufficiente selezionare la casella accanto alla pagina che si desidera aggiungere al menu e fare clic sul pulsante “Aggiungi al menu”.
È anche possibile trascina e rilascia le voci di menu sul lato destro della schermata per riorganizzarle.
Giù nella pagina, è possibile scegliere una posizione per visualizzare il menu. Ma non è necessario assegnare una posizione a questo menu ora. Lo faremo più avanti nell’articolo.
Non dimenticate di cliccare sul pulsante “Salva menu” per memorizzare le modifiche.
Per maggiori dettagli sulla creazione di menu, date un’occhiata alla nostra guida per principianti sui menu di navigazione di WordPress.
Ora siete pronti a mostrare diversi menu agli utenti connessi. Ecco una rapida panoramica di tutti i metodi di cui ci occuperemo in questa guida:
Vediamo il primo metodo.
Metodo 1. Mostrare menu diversi agli utenti connessi in WordPress utilizzando un plugin
Il modo più semplice per mostrare menu diversi agli utenti connessi è utilizzare il plugin Conditional Menus. Quindi, per prima cosa installiamolo e attiviamolo.
Per maggiori dettagli, potete consultare la nostra guida passo-passo su come installare un plugin di WordPress.
Dopo l’attivazione, è necessario navigare in Aspetto ” Menu dal cruscotto di WordPress. Quindi, passare alla scheda “Gestisci posizioni”.
Da qui si vedrà l’elenco delle posizioni di menu disponibili definite nel tema di WordPress e i menu attualmente visualizzati.
Ad esempio, la nostra posizione “Menu primario” mostra attualmente un “Menu principale”.
Ora, dobbiamo dire al plugin di mostrare un menu diverso quando una certa condizione è in corrispondenza.
Per farlo, fare clic sul link ‘+ Menu condizionale’. Quindi, dal menu a discesa si può selezionare il menu di navigazione che si desidera mostrare agli utenti connessi.
Successivamente, fare clic sul link “+ Condizioni”.
Si aprirà una finestra a comparsa con una serie di condizioni tra cui scegliere.
È sufficiente selezionare la casella accanto all’opzione “Utente connesso” e cliccare sul pulsante “Salva”.
Ora è possibile visitare il sito web per vedere il menu dell’utente connesso in azione. Potete anche disconnettervi dall’amministrazione di WordPress per visualizzare il menu di navigazione connesso a tutti gli altri utenti.
Metodo 2. Selezionare manualmente il menu connesso in WordPress usando il codice
Questo metodo richiede l’aggiunta di codice al vostro sito WordPress. Se non l’avete mai fatto prima, date un’occhiata alla nostra guida su come copiare e incollare snippet di codice in WordPress.
In generale, è necessario aggiungere uno snippet di codice al file functions.php del tema o a un plugin specifico del sito. Tuttavia, non raccomandiamo questo metodo perché può causare problemi al sito web.
È invece possibile utilizzare il plugin WPCode.
WPCode consente di aggiungere snippet di codice personalizzati al sito senza modificare direttamente i file del tema. Inoltre, aiuta a gestire questi snippet e garantisce che vengano eseguiti in modo sicuro, riducendo al minimo il rischio di rottura del sito.
Per iniziare, installiamo il plugin WPCode. Si può usare la versione gratuita di WPCode, che ha tutto ciò che serve per mostrare diversi menu agli utenti connessi.
Una volta installato, si dovrà navigare in Code Snippets “ + Add Snippets.
Si aprirà la galleria di frammenti di codice di WPCode.
Da qui è possibile fare clic sul pulsante ‘+ Aggiungi Personalizza’.
Si arriva quindi all’editor di testo di WPCode.
Il passo successivo è aggiungere un titolo al frammento di codice e scegliere “HTML snippet” dal menu a discesa “Code Type”.
Una volta fatto, è sufficiente copiare e incollare il seguente codice nel campo “Anteprima codice”:
function my_wp_nav_menu_args( $args = '' ) {
if( is_user_logged_in() ) {
// Logged in menu to display
$args['menu'] = 43;
} else {
// Non-logged-in menu to display
$args['menu'] = 35;
}
return $args;
}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );
Ecco come potrebbe apparire nell’editor di WPCode:
Assicurarsi di sostituire 43
e 35
con gli ID dei menu di navigazione creati in precedenza.
È possibile trovare l’ID di un menu di navigazione selezionandolo sulla pagina “Menu”. Il numero ID del menu viene visualizzato nella barra degli indirizzi del browser.
Dopo essersi assicurati che tutti i dettagli siano corretti, fare clic sul pulsante blu “Salva snippet”.
E questo è tutto! Speriamo che questo articolo vi abbia aiutato a capire come mostrare facilmente diversi menu di navigazione agli utenti connessi in WordPress. A seguire, potete consultare le nostre guide su come consentire agli utenti di invitare i propri amici a registrarsi in WordPress e su come creare un menu di navigazione in WordPress.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
Alex
Thanks for the code – works as it should, appreciated
WPBeginner Support
Glad our guide could be helpful!
Admin
Paul K
Great! But where do I find my theme’s function.php?
WPBeginner Support
It is in your theme’s folder, you can see more about it in our page below:
https://www.wpbeginner.com/glossary/functions-php/
Admin
Paul K
OK, found it, thanks. But I’m puzzled where to put the additional code. I’m not familiar with PHP but I see the “” at the end.
WPBeginner Support
For pasting code snippets, you want to take a look at our guide below that covers where to paste into your functions.php as well as where to past other code should you look at other code-based tutorials:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-pasting-snippets-from-the-web-into-wordpress/
Admin
Clara
Works great! I have the problem that I have to menus at the top: A headliner menu and the main menu. When I use the Code and the user is logged in bove menus switch to the logged-in menu. How can I adjust the code so that the headliner menu remains the same?
WPBeginner Support
For what you’re wanting, you would want to take a look at our article below:
https://www.wpbeginner.com/plugins/how-to-add-conditional-logic-to-menus-in-wordpress/
Admin
Sergio
Thank you very much!
WPBeginner Support
You’re welcome
Admin
Echo
Would be much easier if you could do it for a specific menu item rather than an entire menu. What would someone with 499 menu items have to do?
WPBeginner Support
We would not recommend that many menu items as that would be far too many for someone to navigate through which would likely cause an SEO issue if your menu links don’t add value for your visitors
Admin
Evaldo Santos
100%. Just configured it with Sahifa Theme and works like a charm.
Keep up with this good work.
Jason
Thank you!!
Bk Millanzi
this is so helpful, but is there a way to display a username and avatar which can act as a container of other profile menu items, as a drop-down menu?
Amarnadh
The path you showed is well and good only for just showing custom menus. But what if i want to show my content to a specific logged in user based on his interests. That is in detail, like various deals sites, when we login and save our interests, the next moment we see deals only on that specific topic. Can we make that possible using WordPress plugins.
Sam
Hey there, thanks for the great work. I have a question about multiple user roles.
So I have two main menus, Menu 1 and Menu 2.
I would like all users (logged in or out) to see the main menu unless they have the userole of “Alt”, in which case Menu 1 is replaced by Menu 2.
How would I go about doing that?
Tendai Mugoni
It is working, thanks
Curtis
@ERICLEE You can create a child theme to prevent that from happening. I just added this code and need to do the same thing.
shahzaib sarwer
can it possible to add the menus in the subscriber profile accept than the home page these menu pages not show on the home page, just on the every subscriber profile. if it possible then please guide me, and tell me how use any pluging for this.
shahzaib sarwer
can it possible to add the menus in profile of the subscriber in wp site , if it possible so please anyone guide me what i do and how use any pluging of this work.
Yuda
How can the same be achieeved on a multi-language members site? For example show different menu for users logged in in english and a different menu for users logged in with german?
WPBeginner Support
Hi Yuda,
If you are using a multilingual WordPress plugin then this should be handled by the plugin. You will essentially need to provide translations for your multilingual menus.
Admin
solomon
i have added log in menu and logout menu, how do i configure the page for login and log out ???,,