ReInSpirit

  • Contacto
  • Blog
  • Servicios
    • Alojamiento Web
    • Desarrollo y diseño web
  • Descuento E T
  • Sobre Nosotros

Mostrar Menú Personalizado Cuando un Usuario Inicia Sesión en WordPress

8 febrero, 2019 por Pedro Mendez 7 comentarios

Tabla de Contenidos

  • Cómo añadir menús personalizados para usuarios registrados
    • Funciones de los menús de usuario
  • Como se utiliza el plugin User Menus
    • Aplicar controles de visibilidad a los elementos del menú
    • Mostrar la información del usuario en el menú de navegación
    • Añade un enlace de inicio y cierre de sesión en tu menú
  • Esto es todo

Si está construyendo un sitio web con WordPress que requiere que los usuarios inicien sesión en el sitio, lo más probable es que incluyas un menú de navegación dinámico, que muestre diferentes elementos del menú para los usuarios que se desconectan, los que inician sesión o para los que tengan un rol distinto de usuario.

Esto se debe a que no tiene sentido mostrar un registro o un enlace 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 visitas y no tienen un perfil en tu sitio web.

Si quieres ver como mostrar páginas de un menú solo a los usuarios que están registrados en la web, lo puedes hacer desde aquí

Cómo añadir menús personalizados para usuarios registrados

Si bien existen diferentes plugins para crear un menú de navegación dinámico, vamos a explicar cómo crear menús dinámicos utilizando el complemento gratuito User Menus.

Funciones de los menús de usuario

El complemento presenta tres conjuntos principales de funciones que son útiles para crear los menús dinámicos:

  1. Controles de visibilidad para los elementos del menú, por ejemplo, quién puede ver cada elemento del menú (todos, usuarios desconectados, usuarios registrados, roles de usuarios específicos)
  2. Información del usuario registrado en el menú de navegación, por ejemplo, «Hola, Pedro» o «Bienvenido/a Eva»
  3. Enlaces de inicio y cierre de sesión para el menú de navegación.

Como se utiliza el plugin User Menus

Como este plugin es gratuito y está alojado en el repositorio de complementos de WordPress.org, puedes instalar el mismo haciendo lo siguiente:

  • Inicia sesión en tu instalación de WordPress
  • Desde el panel de administración, navega a Plugins → Añadir Nuevo
  • Busca User Menus – Nav Menu Visibility
  • Haz clic en el botón Instalar ahora
  • Una vez que el plugin se ha descargado e instalado, pulsa en Activar

Aplicar controles de visibilidad a los elementos del menú

Para aplicar controles de visibilidad a los elementos del menú, debes hacer lo siguiente:

  • Desde el Panel de control, ve hacia Apariencia → Menús
  • Añade un nuevo elemento a tu menú o expande un elemento de un menú existente
  • Abre el menú desplegable «Who can see this link» y selecciona Everyone, Logged Out Users o Logged In Users (Everyone es la opción predeterminada)
  • Si seleccionas «Logged In Users», podrás seleccionar qué roles de usuario pueden ver el elemento de menú si quieres restringir un elemento del menú a un determinado rol de usuario solamente.
  • Una vez que has aplicado los controles de visibilidad deseados en tu menú, pulsa en el el botón Guardar menú

Mostrar la información del usuario en el menú de navegación

Muchos sitios web populares incluyen el nombre de los usuarios cuando inician sesión para utilizar el sitio, mostrando estos datos en el encabezado del sitio web, para hacer ver a la persona que tiene iniciada la sesión en su sitio web.

Para hacer esto en tu sitio web utilizando el plugin User Menus tienes que hacer lo siguiente:

  1. Desde el Panel de control, dirígete a Apariencia → Menús
  2. Añade un nuevo elemento al menú o expande un elemento de menú existente
  3. Abre el menú desplegable «Who can see this link» y selecciona «Register User».
  4. Ve al campo de la etiqueta de navegación del elemento del menú y pulsa en el botón gris con la flecha
  5. Selecciona la información de usuario que deseas mostrar en el elemento del menú, por ejemplo, {first_name}, {last_name}, {username}, {display_name}, {nickname}, {email}
  6. Pulsa en el botón Guardar menú

Ahora, cuando un usuario inicia sesión en tu sitio web, verá su nombre en el menú de navegación de WordPress.

Añade un enlace de inicio y cierre de sesión en tu menú

Lo último que necesitas es incluir en el menú de navegación los enlaces para que los usuarios inicien y cierren sesión en tu sitio web.

Para añadir esto a tu sitio web, simplemente siga los siguientes pasos:

  • Desde el Panel de control, ve a Apariencia → Menús
  • En el apartado de elementos de menú, pulsa en User Links para expandir el tipo de elemento del menú.
  • Selecciona la casilla de verificación de los enlaces Iniciar sesión y Cerrar sesión y haz clic en el botón Añadir al menú
  • Expande los elementos del menú y abre el menú desplegable «¿Where should users be taken afterwards?» Y selecciona Current Page (opción predeterminada), Home Page o Custom URL (si seleccionas esta última, debes incluir una URL para que el usuario sea redirigido)
  • Haga clic en el botón Guardar menú

Esto es todo

Ahora ya tienes añadido un sistema de navegación dinámico a tu sitio web para mejorar la experiencia de los usuarios en WordPress. ¿Tiene alguna duda? ¿O deseas compartir tu propia experiencia utilizando los menús de usuario u otro plugin? Solo deja un comentario a continuación.

..Entradas Relacionadas

  • Como Incluir Diferentes Menús en Distintas Páginas de WordPress
  • Mostrar Páginas del Menú solo a Usuarios Registrados en WordPress
  • Como Realizar una Prueba antes de Comprar con WordPress
  • Como Duplicar o Clonar un Menú de WordPress de Forma Sencilla
  • ejemplo menu de ayuda wordpressComo Crear un Menú de Ayuda Dinámico con WordPress

Publicado en: Wordpress Etiquetado como: menus

Sobre el autor

Pedro Mendez. Webmaster apasionado de WordPress. Autodidacta empedernido buscando siempre nuevas fuentes de conocimientos.

Comentarios

  1. Cesar dice

    30 julio, 2019 a las 7:49 AM

    simplemente gracias!

    Responder
    • Pedro Mendez dice

      4 agosto, 2019 a las 2:50 PM

      A ti Cesar. Saludos!

      Responder
  2. enrique dice

    27 noviembre, 2019 a las 12:33 AM

    Hola, muchas gracias, ¿cómo podría hacer lo mismo pero añadiendo la foto de perfil del usuario?

    Responder
    • Pedro Mendez dice

      29 noviembre, 2019 a las 9:07 PM

      Hola Enrique,
      La forma mas sencilla de poner la foto de perfil puede ser con este plugin https://es.wordpress.org/plugins/ultimate-member/
      Por ponerte un ejemplo.
      Saludos

      Responder
  3. Noemi dice

    17 abril, 2020 a las 7:02 AM

    Me sirvio demasiado, me salvo la vida despues de estar buscando solucion por horas!!
    Gracias.

    Responder
    • Pedro Mendez dice

      17 abril, 2020 a las 10:49 AM

      Genial Noemi! Me alegro por ti.
      Saludos

      Responder
  4. Manuel dice

    29 octubre, 2021 a las 4:20 PM

    Tiene un gran sitio web aquí … Es difícil encontrar una redacción excelente como la suya hoy en día. ¡Honestamente aprecio a las personas como tú! ¡¡Cuídate!!

    Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.


Descarga gratis la guía

guia 14 plugins

Política de privacidad


Más un correo a la semana con algún truco y consejo. ¿Te apuntas?

También con regalos y ofertas

icono Twittericono Facebookicono YouTube

Archivos

Categorías

  • Blogging (5)
  • Comercio Eléctronico (48)
  • Diseño (40)
  • Email Marketing (3)
  • Genesis (4)
  • Google (14)
  • herramientas (23)
  • hosting (8)
  • Marketing en Internet (13)
  • Prestashop (4)
  • Programación (4)
  • Redes Sociales (9)
  • SEO (24)
  • Sin categoría (22)
  • Trabajo (7)
  • Wordpress (511)

© Copyright 2021 ReInSpirit.com · Todos los derechos reservados ·Aviso legal·Política de Privacidad·Dos Hermanas (Sevilla)