Si está creando un sitio web con WordPress que requiere que los usuarios inicien sesión en el sitio, lo más probable es que necesite tener un menú de navegación dinámico, que muestre diferentes elementos de menú a los usuarios si están desconectados, conectados o tienen un rol del usuario.
Esto se debe a que no tiene sentido mostrar un enlace de registro o de inicio de sesión a los usuarios que ya han iniciado sesión o proporcionar un enlace al perfil de un usuario cuando son visitantes y no tienen un perfil en su sitio web.
Cómo agregar menús personalizados para usuarios que han iniciado sesión
Si bien existen diferentes complementos para crear un menú de navegación dinámico, vamos a explicar cómo crear menús dinámicos utilizando el menú gratuito Menús de usuario complemento por Complementos de la jungla.
Funciones del complemento de menús de usuario
El complemento proporciona tres conjuntos principales de características que son útiles para crear menús dinámicos:
- Controles de visibilidad para los elementos del menú, por ejemplo, quién puede ver cada elemento del menú (todos, usuarios desconectados, usuarios conectados, roles de usuario específicos)
- Información de usuario registrada en el menú de navegación, por ejemplo, «Hola, John Doe»
- Enlaces de inicio y cierre de sesión para el menú de navegación
Uso del complemento de WordPress de menús de usuario
Como Menús de usuario es un complemento gratuito alojado en el directorio de complementos de WordPress.org, puede instalar el complemento haciendo lo siguiente:
- Inicie sesión en su instalación de WordPress
- Desde el Panel de control, vaya a Complementos> Agregar nuevo
- Buscar Menús de usuario (creado por Jungle Plugins y Daniel Iser)
- Haga clic en el Instalar ahora botón
- Una vez descargado e instalado el complemento, haga clic para Activar complemento
Aplicar controles de visibilidad a los elementos del menú
Para aplicar controles de visibilidad a los elementos del menú, debe hacer lo siguiente:
- Desde el Panel de control, vaya a Apariencia> Menús
- Agregue un nuevo elemento de menú a su menú o expanda un elemento de menú existente
- Abre el ¿Quién puede ver este enlace? menú desplegable y seleccione Todos, Usuarios desconectados o Usuarios conectados (Todos es la opción predeterminada)
- Si selecciona Usuarios registrados, podrá seleccionar qué roles de usuario pueden ver el elemento del menú si desea restringir un elemento del menú a un determinado rol (s) de usuario solamente.
- Una vez que haya aplicado los controles de visibilidad deseados a su menú, haga clic en el botón Guardar menú
Muestra la información del usuario registrado en el menú de navegación
Muchos sitios web populares donde los usuarios inician sesión para usar el sitio, mostrarán el nombre de un usuario en el encabezado del sitio web para mostrarle al usuario que ha iniciado sesión en su sitio web (tome Themelocal, por ejemplo; debería ver «iniciar sesión» o su nombre de usuario a la derecha lado del menú de navegación).
Para hacer esto en su sitio web utilizando el complemento Menús de usuario, debe hacer lo siguiente:
- Desde el Panel de control, vaya a Apariencia> Menús
- Agregue un nuevo elemento de menú a su menú o expanda un elemento de menú existente
- Abra el menú desplegable «Quién puede ver este vínculo» y seleccione Usuarios Conectados
- Vaya al campo de etiqueta de navegación del elemento del menú y haga clic en el botón gris con la flecha
- Seleccione la información de usuario que desea mostrar en el elemento del menú, por ejemplo, {first_name}, {last_name}, {username}, {display_name}, {nickname}, {email}
- Haga clic en el botón Guardar menú
Ahora, cuando un usuario inicie sesión en su sitio web, verá su nombre en el menú de navegación de su sitio web.
Agregue un enlace de inicio de sesión y cierre de sesión a su menú
Lo último que querrá agregar a su menú de navegación son enlaces para que los usuarios inicien y cierren la sesión de su sitio web.
Para agregar esto a su sitio web, simplemente siga los siguientes pasos:
- Desde el Panel de control, vaya a Apariencia> Menús
- En el acordeón agregar un nuevo elemento de menú, haga clic en Enlaces de usuario para expandir el tipo de elemento del menú
- Seleccione la casilla de verificación de los enlaces Iniciar sesión y Cerrar sesión y haga clic en el Agregar al menú botón
- Expanda los elementos del menú y abra el cuadro «¿Dónde se debe llevar a los usuarios después?» menú desplegable y seleccione Página actual (opción predeterminada), Página de inicio o URL personalizada (si se selecciona, deberá ingresar una URL a la que se debe redirigir al usuario)
- Haga clic en el botón Guardar menú
¡Eso es todo!
Ahora ha agregado un sistema de navegación dinámica a su sitio web para mejorar la experiencia de los usuarios de su sitio web. ¿Tiene alguna pregunta? ¿O quieres compartir tu propia experiencia usando menús de usuario u otro complemento? Solo deja un comentario a continuación, nos encantaría saber de ti.