Poner botones de login y logout en el menú

¿Cuando necesitamos tener botones de login y logout en el menú?

Si tienes una web en la que manejas usuarios, seguramente necesitas poner botones de login y logout en el menú para que estos puedan iniciar y cerrar sesión fácilmente.

En esta ocasión vamos a ver cómo podemos hacerlo de una forma muy sencilla.

Hacer que los botones de login y logout en el menú se vean y funcionen

Lo primero que tenemos que hacer es decirle a WordPress que vamos a trabajar con la función wp_loginout. Si quieres saber más sobre esta función, puedes visitar el Codex de WordPress.

Esta función sirve para decirle a WordPress que vamos a utilizar las funciones login y logout en el menú principal (por lo general se llama menú primario), creando un nuevo elemento que utilice la misma clase que el resto de elementos del menú principal. Por último, le decimos que traiga automáticamente el texto y la URL de inicio o cierre de sesión, dependiendo de si hemos iniciado sesión en el sistema o no.

Esto que puede parecer complejo, lo podrás entender mejor en el siguiente código (sacado del codex de WordPress). En definitiva, este es el código que vamos a utilizar:

Este contenido es exclusivo para los usuarios de pago de la web.
Si ya lo eres accede a tu cuenta, y si aún no te has suscrito, regístrate desde aquí.

¡Nos vemos dentro!

Y lo último que nos faltaría es añadir al personalizador, el código CSS necesario para formatear los botones:

Este contenido es exclusivo para los usuarios de pago de la web.
Si ya lo eres accede a tu cuenta, y si aún no te has suscrito, regístrate desde aquí.

¡Nos vemos dentro!

Ya has visto lo sencillo que es crear botones de login y logout en el menú de navegación de nuestro WordPress. En mi caso, los botones serán negros y al ponerse sobre ellos, cambiarán a un color gris.

Aspecto final del botón
Aspecto final del botón

Este artículo ha sido visitado: 13 veces

Obtén acceso a los secretos mejor guardados de WordPress con solo un clic

Suscríbete a la newsletter y recibe en tu correo electrónico 10 snippets de código exclusivos que nunca se han publicado en nuestra membresía y que nunca se publicarán.

Obtén la ventaja definitiva en WordPress y conviértete en un experto.

leadmagnetcodigos

PDF

10 códigos para WordPress, Divi y WooCommerce, que nunca han sido publicados aquí, ni se publicarán

Deja que WordPress trabaje por ti, utiliza código.