¿Te gustaría tener un menú exclusivo para usuarios registrados y otro menú para visitantes?, en este artículo aprenderás cómo mostrar un menú diferente para usuarios registrados o para un rol específico, de manera sencilla y sin usar plugins.
Resultado Final
Generalidades
Primero tienes que tener dos menús creados, desde el backend de WordPress, en Apariencia > Menús, puedes crear ambos menús con sus respectivos ítems.
Es importante además asignar algún menú por defecto para la ubicación de menú que tiene tu theme, esta asignación de menú la cambiaremos posteriormente por código.
Seleccionar menú dinámicamente
De acuerdo a si el usuario es un usuario visitante o si es un usuario registrados, mostraremos uno u otro menú, para esto usaremos el siguiente código:
function dcms_menu_dinamico( $args ) {
if ( $args['theme_location'] == 'top'){
if ( is_user_logged_in() ) {
$args['menu'] = 'menu-registrados';
} else {
$args['menu'] = 'menu-visitantes';
}
}
return $args;
}
add_filter( 'wp_nav_menu_args', 'dcms_menu_dinamico' );
En el código anterior:
- Usamos un hook filtro llamado wp_nav_menu_args y hacemos referencia a la función dcms_menu_dinamico
- Dentro de la función, usamos el argumento $args que es un array asociativo, podemos usar los valores que se documentan en el siguiente enlace
- Usamos theme_location para comprobar la ubicación del menú con la que vamos a trabajar, en nuestro ejemplo es ‘top’, para aprender sobre ubicaciones de menús, puedes revisar el siguiente artículo
- Dentro de la condicional, usamos la función is_user_logged_in() para detectar si un usuario esta o no conectado, y de acuerdo a eso cambiamos el menú
- La asignación del menú puedes ser a través del ID, nombre del menú, o del slug, en el ejemplo hemos usado el slug.
Menú por un rol específico de usuario
Siguiendo la misma lógica anterior, podemos mostrar un menú para un determinado rol de algún usuario (autor, editor, etc) con el siguiente código:
function dcms_menu_dinamico_autores( $args ) {
if ( $args['theme_location'] == 'top'){
if ( is_user_logged_in() ) {
$user = wp_get_current_user();
if ( in_array('author', $user->roles) ){
$args['menu'] = 'menu-registrados';
}
}
}
return $args;
}
add_filter( 'wp_nav_menu_args', 'dcms_menu_dinamico_autores' );
En el código anterior:
- En este código he simplificado la condicional de usuario conectado, sin usar “else”, sólo se comprueba con is_user_logged_in() y se asume que tienes el menú de visitantes asignado por defecto.
- La única diferencia es que ahora obtenemos el objeto usuario con wp_get_current_user()
- Con el objeto usuario podemos saber los roles que tiene el usuario y comprobar el rol deseado, en nuestro caso el rol ‘author’
¿Aún con dudas?, en el siguiente video se explica los puntos tratados anteriormente.
Artículos Relacionados
(3 votos, promedio: 5,00 de 5)
Cargando…
hola muy interesante el artículo, quisiera saber en que archivo, es decir donde pongo la función. y donde agrego el nuevo menu en caso de la opción de hacer dos menú
Hola en el video explico en donde agregar el código, te sugiero revises el video. Otra opción es: https://decodecms.com/agregar-codigo-a-tu-sitio-sin-usar-functions-php/
Muchas Gracias Jhon su material me ha sido de mucha ayuda. Tengo una duda todo me funciona perfectamente pero si me se la url de una pagina de las que no se puede mostrar a un usuario determinado y la pongo el buscador aunque no este en ese user se muestra. Como puedo tratar esas exepciones es decir si una persona quiere acceder a una pagina a la cual su rol no esta autorizada me redireccione para el login Saludos y gracias de antemano .
Hola, el menú que se mostrará para usuarios registrados, los ítems deben hacer referencia a elementos que controlen adicionalmente permisos. Por ejemplo tu menú privado debe tener ítems de menú que hagan referencia a entradas privadas.
Hola jhon me hace falta hacer este trabajo pero no encuentro la solucion espero me ayudes con algun ejemplo o donde encontrarlo. Saludos y muchas gracias