O WordPress exibe o mesmo menu de navegação para todos. No entanto, talvez você queira personalizar o menu com base no fato de o usuário estar conectado ou não.
A exibição de menus diferentes para usuários conectados no WordPress é uma ótima maneira de criar uma experiência mais personalizada. Isso permite que você exiba conteúdo relevante somente para aqueles que estão conectados, como detalhes da conta ou recursos exclusivos.
Neste guia, explicaremos como configurar diferentes menus para usuários conectados usando dois métodos.
Por que mostrar menus diferentes para usuários conectados no WordPress?
Alterar diferentes áreas do seu site WordPress com base nos visitantes e na atividade deles faz com que seu site pareça personalizado para cada usuário.
Esse conteúdo personalizado ajuda a melhorar a experiência do usuário no seu site WordPress.
Agora, se você administra um site em que os usuários não precisam se registrar ou fazer login, provavelmente poderá usar os mesmos menus de navegação em todo o site. No entanto, outros sites podem se beneficiar muito com a exibição de menus personalizados para usuários conectados.
Por exemplo, sites como uma loja on-line, uma plataforma de aprendizado on-line ou uma comunidade de sites de associação do WordPress podem se beneficiar de menus de navegação personalizados.
Um menu de navegação personalizado para usuários conectados ajuda-os a encontrar mais facilmente os itens para os quais se inscreveram.
Por exemplo, um usuário de uma loja on-line pode gerenciar sua conta, ou um membro de uma comunidade paga pode facilmente renovar sua assinatura ou visualizar os cursos on-line exclusivos que adquiriu.
Por padrão, o WordPress permite que você crie quantos menus de navegação quiser. No entanto, você só pode optar por mostrar um menu em um determinado local no seu tema do WordPress.
Antes de configurar os menus para os usuários conectados, será necessário criar dois menus de navegação separados. Um menu será para os usuários conectados e o outro para os usuários desconectados. Vamos começar.
Apenas uma observação rápida! Os métodos que estamos compartilhando foram projetados para pessoas que usam temas clássicos do WordPress. Se você estiver usando um tema de bloco com recursos de edição completa do site (FSE) do WordPress 5.8 em diante, esse método poderá não funcionar.
Criação de menus para usuários conectados e não conectados no WordPress
Para criar menus separados para os dois tipos de usuários, vá até a página Appearance ” Menus no painel do WordPress.
Se você já tem um menu de navegação que usa em seu site para todos os usuários, esse pode ser o menu padrão.
Depois disso, você pode clicar no link “criar um novo menu” para criar um novo menu personalizado para seus usuários conectados.
Aqui, vá em frente e adicione os itens de menu que deseja mostrar aos usuários registrados ou conectados. Por exemplo, talvez você queira adicionar um link de logout ao seu menu.
No lado esquerdo da tela, você pode ver uma lista das páginas do seu site. Basta marcar a caixa ao lado de qualquer página que você queira adicionar ao menu e clicar no botão “Add to Menu”.
Você também pode arrastar e soltar os itens de menu no lado direito da tela para reorganizá-los.
Mais abaixo na página, você pode escolher um local para exibir o menu. Mas você não precisa atribuir um local a esse menu agora. Faremos isso mais adiante neste artigo.
Não se esqueça de clicar no botão “Save Menu” para armazenar suas alterações.
Para obter mais detalhes sobre a criação de menus, dê uma olhada em nosso guia para iniciantes sobre menus de navegação do WordPress.
Agora, você está pronto para mostrar diferentes menus aos usuários conectados. Aqui está uma visão geral rápida de todos os métodos que abordaremos neste guia:
Vamos nos aprofundar no primeiro método.
Método 1. Mostrar menus diferentes para usuários conectados no WordPress usando um plug-in
A maneira mais fácil de mostrar menus diferentes aos usuários conectados é usar o plug-in Conditional Menus. Portanto, vamos instalar e ativá-lo primeiro.
Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.
Após a ativação, você precisará navegar até Appearance ” Menus no painel do WordPress. Em seguida, vá para a guia “Manage Locations” (Gerenciar locais).
Aqui, você verá a lista de locais de menu disponíveis definidos no seu tema do WordPress e os menus que estão sendo exibidos no momento.
Por exemplo, o local do “Menu principal” atualmente mostra um “Menu principal”.
Agora, precisamos dizer ao plug-in para mostrar um menu diferente quando uma determinada condição for atendida.
Para fazer isso, clique no link “+ Conditional Menu”. Em seguida, você pode selecionar o menu de navegação que deseja mostrar aos usuários conectados no menu suspenso.
Em seguida, você deve clicar no link “+ Conditions” (+ Condições).
Isso abrirá uma janela pop-up na qual você verá várias condições para escolher.
Basta marcar a caixa ao lado da opção “Usuário conectado” e, em seguida, clicar no botão “Salvar”.
Agora você pode visitar seu site para ver o menu do usuário conectado em ação. Também é possível fazer logout do administrador do WordPress para visualizar o menu de navegação que será mostrado a todos os outros usuários.
Método 2. Selecionar manualmente o menu de login no WordPress usando o código
Esse método requer que você adicione código ao seu site WordPress. Se você nunca fez isso antes, dê uma olhada no nosso guia sobre como copiar e colar trechos de código no WordPress.
Em geral, você precisa adicionar um trecho de código ao arquivo functions.php do seu tema ou a um plug-in específico do site. No entanto, não recomendamos esse método porque ele pode causar problemas em seu site.
Em vez disso, você pode usar o plug-in WPCode.
O WPCode permite que você adicione trechos de código personalizados ao seu site sem editar diretamente os arquivos do tema. Ele também ajuda a gerenciar esses snippets e garante que sejam executados com segurança, minimizando o risco de danificar seu site.
Para começar, vamos instalar o plug-in WPCode. Você pode usar a versão gratuita do WPCode, pois ela tem tudo o que você precisa para mostrar diferentes menus aos usuários conectados.
Depois de instalado, você deverá navegar até Code Snippets “ + Add Snippets.
Isso abrirá a galeria de trechos de código do WPCode.
A partir daí, você pode clicar no botão “+ Add Custom Snippet”.
Em seguida, você chegará ao editor de texto do WPCode.
A próxima etapa é adicionar um título ao seu snippet de código e escolher “HTML snippet” no menu suspenso “Code Type” (Tipo de código).
Depois disso, basta copiar e colar o seguinte código no campo “Code Preview” (Visualização de código):
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' );
Esta é a aparência que pode ter em seu editor WPCode:
Certifique-se de substituir 43 e 35 pelos IDs dos menus de navegação que você criou anteriormente.
Você pode encontrar o ID de um menu de navegação selecionando-o na página “Menus”. Você verá o número de ID do menu na barra de endereços do navegador.
Quando tiver certeza de que todos os detalhes estão corretos, clique no botão azul “Save Snippet” (Salvar snippet).
E é isso! Esperamos que este artigo tenha ajudado você a aprender como mostrar facilmente diferentes menus de navegação para usuários conectados no WordPress. Em seguida, talvez você também queira ver nosso guia sobre como permitir que os usuários convidem seus amigos a se registrarem no WordPress e como estilizar os menus de navegação do WordPress.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Alex
Thanks for the code – works as it should, appreciated
WPBeginner Support
Glad our guide could be helpful!
Administrador
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/
Administrador
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/
Administrador
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/
Administrador
Sergio
Thank you very much!
WPBeginner Support
You’re welcome
Administrador
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
Administrador
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.
Administrador
solomon
i have added log in menu and logout menu, how do i configure the page for login and log out ???,,