¿Quieres mostrar diferentes menús a los usuarios conectados en WordPress?
Por defecto, WordPress te permite mostrar el mismo menú de navegación en una ubicación específica de tu tema. Pero, ¿y si quisieras mostrar un menú diferente a los usuarios conectados en tu sitio web?
En este artículo, le mostraremos cómo mostrar fácilmente diferentes menús a los usuarios conectados en WordPress.
¿Por qué mostrar menús diferentes a los usuarios conectados en WordPress?
Cambiar las diferentes áreas de su sitio web WordPress en función de sus visitantes y su actividad hace que su sitio se sienta personalizado para cada usuario.
Este contenido personalizado le ayuda a mejorar la experiencia del usuario en su sitio web de WordPress.
Ahora bien, si gestiona un sitio web en el que los usuarios no necesitan registrarse ni acceder, probablemente pueda utilizar los mismos menús de navegación en todo su sitio web.
Sin embargo, otros sitios web pueden beneficiarse enormemente de mostrar menús personalizados a los usuarios conectados.
Por ejemplo, sitios web como una tienda en línea, una comunidad de sitios de membresía en WordPress o una plataforma de aprendizaje en línea pueden beneficiarse de menús de navegación personalizados.
Un menú de navegación personalizado para los usuarios conectados les ayuda a encontrar más fácilmente las cosas para las que se registraron.
Por ejemplo, un usuario de una tienda online puede gestionar su cuenta, o un miembro de una comunidad de pago puede renovar fácilmente su suscripción o ver los cursos online que ha comprado.
Por defecto, WordPress le permite crear tantos menús de navegación como desee. Sin embargo, solo puedes elegir mostrar un menú en una ubicación concreta de tu tema de WordPress.
Dicho esto, veamos cómo cambiar fácilmente este comportamiento y mostrar diferentes menús a los usuarios conectados en WordPress.
- Mostrar Diferentes Menús a Usuarios Conectados en WordPress Usando un Plugins
- Seleccionar Manualmente el Menú de Usuarios Conectados en WordPress Usando Código
Creación de menús para usuarios conectados y no conectados en WordPress
Independientemente del método que utilice, primero tendrá que crear los dos menús de navegación que desea mostrar a los usuarios conectados y desconectados.
Simplemente diríjase a la página Apariencia ” Menús en el escritorio de WordPress. Si ya tienes un menú de navegación que utilizas en tu sitio web para todos los usuarios, este puede ser tu menú por defecto.
Después, haga clic en el enlace “crear un nuevo menú” para crear un nuevo menú personalizado para sus usuarios conectados.
Aquí puede añadir elementos de menú que desee mostrar a los usuarios registrados o conectados. Por ejemplo, puede añadir al menú un enlace para cerrar la sesión.
En la parte izquierda de la pantalla puede ver un anuncio / catálogo / páginas de su sitio web. Simplemente marque / compruebe la casilla siguiente a cualquier página que desee añadir a su menú y haga clic en el botón “Añadir al menú”.
También puede arrastrar y soltar los elementos del menú en la parte derecha de la pantalla para reorganizarlos.
Más abajo en la página, puede elegir una ubicación para mostrar su menú. Pero, no necesita asignar una ubicación a este menú ahora. Lo haremos más adelante en este artículo.
No olvides hacer clic en el botón “Guardar menú” para guardar los cambios.
Para más detalles sobre la creación de menús, eche un vistazo a nuestra guía para principiantes sobre los menús de navegación de WordPress.
Método 1. Mostrar diferentes menús a los usuarios conectados en WordPress usando un plugin
Este método es más sencillo y recomendable para todos los usuarios de WordPress.
En primer lugar, debe instalar y activar el plugin Conditional Menus. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Una vez activado, debe visitar la página Apariencia ” Menús y cambiar a la pestaña “Gestionar ubicaciones”.
Desde aquí, verá la lista de ubicaciones de menú disponibles definidas en su tema de WordPress y los menús que se muestran actualmente.
Por ejemplo, está mostrando que nuestra ubicación de Menú Principal está mostrando un menú de navegación titulado ‘Menú Principal’.
Ahora, necesitamos decirle al plugin que muestre un menú diferente cuando se cumpla cierta condición.
Para ello, haga clic en el enlace “+ Menú condicional” y, a continuación, seleccione en el menú desplegable el menú de navegación que desea mostrar a los usuarios conectados.
A continuación, deberá enlazar el enlace “+ Condiciones”.
Aparecerá una ventana emergente en la que podrás elegir entre varias condiciones.
Sólo tiene que marcar la casilla situada junto a la opción “Usuario conectado” y, a continuación, hacer clic en el botón Guardar.
Ahora puede visitar su sitio web para ver en acción el menú del usuario conectado. También puede salir del administrador de WordPress para ver el menú de navegación que se mostrará a todos los demás usuarios.
Método 2. Seleccionar manualmente el menú de conectados en WordPress usando código
Este método requiere que añadas código a tu sitio web WordPress. Si no lo has hecho antes, echa un vistazo a nuestra guía sobre cómo copiar y pegar fragmentos de código en WordPress.
En primer lugar, debe añadir el siguiente código al archivo functions. php de su tema o a un plugin específico del sitio.
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' );
Asegúrese de sustituir 43 y 35 por los ID de los menús de navegación que creó anteriormente.
Puede encontrar el ID de un menú de navegación seleccionándolo en la página Menús. Verá el número de identificación del menú en la barra de direcciones de su navegador / explorador.
Esperamos que este artículo le haya ayudado a aprender cómo mostrar fácilmente diferentes menús de navegación a los usuarios conectados en WordPress.
También puedes consultar nuestra guía sobre cómo conseguir un dominio de correo electrónico gratuito o nuestro resumen de expertos sobre los mejores servicios telefónicos para pequeñas empresas.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
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!
Alex says
Thanks for the code – works as it should, appreciated
WPBeginner Support says
Glad our guide could be helpful!
Administrador
Paul K says
Great! But where do I find my theme’s function.php?
WPBeginner Support says
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 says
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 says
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 says
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 says
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 says
Thank you very much!
WPBeginner Support says
You’re welcome
Administrador
Echo says
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 says
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 says
100%. Just configured it with Sahifa Theme and works like a charm.
Keep up with this good work.
Jason says
Thank you!!
Bk Millanzi says
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 says
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 says
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 says
It is working, thanks
Curtis says
@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 says
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 says
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 says
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 says
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 says
i have added log in menu and logout menu, how do i configure the page for login and log out ???,,