Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo agregar el enlace de cierre de sesión de WordPress al menú de navegación

Una cosa que hemos aprendido al administrar varios sitios de WordPress es que los pequeños detalles marcan una gran diferencia.

Es por eso que hemos agregado enlaces de cierre de sesión fáciles de usar a nuestras tiendas en línea y a la plataforma de capacitación de WordPress WP101.

Tener un enlace de cierre de sesión directamente en tu menú de navegación es conveniente para tus usuarios conectados.

En lugar de tener que navegar a su perfil o recordar una URL específica, pueden cerrar sesión con un solo clic desde cualquier lugar de su sitio.

En esta guía, te mostraremos varios métodos diferentes para lograr esto, para que puedas elegir el enfoque que mejor se adapte a la configuración y el diseño de tu sitio.

Agregar un enlace de cierre de sesión en el menú de navegación de WordPress

El enlace de cierre de sesión para WordPress

Normalmente, puedes cerrar sesión en tu sitio de WordPress haciendo clic en el enlace 'Cerrar sesión'. Este enlace se encuentra debajo de la imagen de tu perfil en la esquina superior derecha de la barra de administración de WordPress.

Todo lo que tienes que hacer es pasar el mouse sobre tu nombre de usuario y aparecerá en el menú desplegable.

Enlace para cerrar sesión en la barra de administración de WordPress

Si tú o el administrador de tu sitio han deshabilitado la barra de administración de WordPress, no podrás ver el enlace de cierre de sesión de WordPress.

La buena noticia es que se puede acceder directamente al enlace de cierre de sesión de WordPress para cerrar tu sesión actual de WordPress.

El enlace de cierre de sesión para tu sitio de WordPress se ve así:

http://example.com/wp-login.php?action=logout

No olvides reemplazar example.com con el nombre de tu propio dominio.

Puedes acceder a este enlace directamente en la ventana de tu navegador para cerrar sesión en tu sitio de WordPress.

Al hacer clic en este enlace, te llevará a una página de advertencia. Deberás hacer clic en el enlace ‘cerrar sesión’ para confirmar que realmente deseas cerrar sesión.

Confirmación de cierre de sesión

También puedes agregar manualmente este enlace de cierre de sesión en cualquier lugar de tu sitio web de WordPress. Veamos cómo hacerlo.

Agregar el enlace de cierre de sesión de WordPress en el menú de navegación de tu sitio lo hará fácilmente accesible desde cualquier página de tu sitio web.

Simplemente ve a la página Apariencia » Menús en tu administrador de WordPress. Después de eso, necesitas hacer clic en la pestaña ‘Enlaces personalizados’ para expandirla y agregar el enlace de cierre de sesión en el campo URL.

Enlace de cierre de sesión en el menú de navegación

Una vez que hayas terminado, haz clic en el botón ‘Agregar al menú’, y notarás que el enlace aparece en la columna de la derecha. Puedes ajustar su posición simplemente arrastrándolo hacia arriba o hacia abajo.

No olvides hacer clic en el botón ‘Guardar menú’ para almacenar tus cambios.

Ahora puedes visitar tu blog de WordPress para ver el enlace de cierre de sesión en tu menú de navegación.

Enlace de cierre de sesión en el menú de navegación

El problema con agregar el enlace de cierre de sesión en el menú es que es visible para todos los usuarios (tanto los que han iniciado sesión como los que no). Solo tiene sentido mostrar el enlace de cierre de sesión a los usuarios que realmente han iniciado sesión.

Puedes hacer eso siguiendo nuestras instrucciones sobre cómo mostrar menús diferentes a los usuarios que han iniciado sesión.

WordPress viene con un widget predeterminado llamado Meta. Este widget muestra un montón de enlaces útiles, incluido un enlace para cerrar sesión o iniciar sesión para los usuarios.

Widget de meta en WordPress

Algunas personas encuentran que los otros enlaces en el widget Meta no son tan útiles.

Como alternativa, también puedes agregar un widget de texto plano o HTML personalizado con el enlace de cierre de sesión en HTML plano. Aquí está el código HTML que necesitarás agregar:

<a href="http://example.com/wp-login.php?action=logout">Cerrar sesión</a>

Widget HTML de cierre de sesión

Si agregas manualmente un enlace de cierre de sesión en WordPress, el problema es que no cambia según el estado de inicio de sesión del usuario.

Para solucionar eso, puedes usar un plugin para mostrar dinámicamente el enlace de inicio de sesión o cierre de sesión según la sesión del usuario.

Primero, necesitarás instalar el plugin Login or Logout Menu Item. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Después de instalar y activar el plugin, debes ir a Apariencia » Menús en tu administrador de WordPress y agregar el enlace 'Iniciar sesión/Cerrar sesión' a tu menú.

Plugin de menú de inicio y cierre de sesión en WordPress

Después de hacer clic en 'Guardar menú' y revisar tu sitio web de WordPress, verás el enlace en tu menú.

Debería verse así.

Enlace de inicio de sesión en el menú

Cuando hagas clic en él, te llevará a una página para iniciar sesión, o si ya has iniciado sesión, te cerrará la sesión.

Este método también funciona con WooCommerce, MemberPress y otras plataformas de comercio electrónico de WordPress.

Tutorial en video

Si no te gusta leer las instrucciones, puedes ver nuestro tutorial en video.

Suscríbete a WPBeginner

Guías expertas sobre el formulario de inicio de sesión de WordPress

Esperamos que este artículo te haya ayudado a encontrar el enlace directo de cierre de sesión de WordPress y agregarlo a tu menú de navegación. También te pueden interesar otras guías relacionadas con el inicio y cierre de sesión en WordPress:

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

25 CommentsLeave a Reply

  1. Un botón de cierre de sesión muy visible elimina en gran medida las preocupaciones de seguridad, como que los usuarios no cierren sesión en el sistema porque les resulta complicado encontrar dónde hacerlo. Por lo tanto, desde el punto de vista de la seguridad, esta es una gran solución.

  2. Hola,
    gracias por tu guía, me funciona en escritorio y tabletas
    pero ya sea que ponga el cierre de sesión en el menú superior o en el menú de navegación principal (las tres líneas horizontales), el cierre de sesión no aparece en el menú.
    ¿Alguna sugerencia?

    • Deberías borrar tu caché o consultar con el soporte de tu tema para conocer las razones y soluciones más comunes para ese problema específico.

      Administrador

  3. En la página de confirmación cuando alguien hace clic en el enlace de cierre de sesión en el menú de navegación, el título de la página es “algo salió mal”. ¿Cómo puedo cambiar eso?

  4. Desafortunadamente no me funciona.
    Obtengo un 403 prohibido cuando hago clic en el enlace y eso es causado por un plugin de mi tema, así que no hay forma de evitarlo, ¿supongo?
    ¿Alguna otra solución que pueda funcionar para personas que pueden iniciar y cerrar sesión pero sin la barra de administración?

    • While we do not have an article on a beginner friendly plugin or method at the moment, we will certainly take a look into that for a future article or update :)

      Administrador

  5. No funciona si el inicio de sesión se redirige a una página de inicio de sesión personalizada. ¿Cómo crearías un enlace de menú personalizado que cierre la sesión sin ser redirigido? En otras palabras, el cierre de sesión no puede tener "login" en su dirección para cerrar sesión.

  6. Gran artículo sobre cómo agregar el enlace de cierre de sesión. ¿Es posible permitir acciones a través de htaccess si la URI está bloqueada?

    Por ejemplo, estoy usando tu consejo "Cómo limitar el acceso por IP al archivo wp-login.php en WordPress".

    orden denegar,permitir
    Denegar a todos
    # lista blanca de direcciones IP
    permitir desde xx.xxx.xx.xx

    ¿Puedo permitir "wp-login.php?action=logout" mientras sigo denegando el acceso a la base wp-login.php, y cómo se vería ese código htaccess?

    • Intenté crear una función en function.php y agregar un shortcode de ella para poder 'llamarla' donde quisiera. Usé wp_logout_url(home_url()) pero cada vez que presiono el enlace, el inicio de sesión se queda atascado y no redirige a la página de inicio. ¿Sugerencias?

      Verifico el enlace para los datos de la publicación y si los datos de la publicación existen (isset($_GET['name'])), el usuario cerrará sesión con la función que mencionas. ¿Alguna sugerencia?

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.