En un artículo anterior habíamos ya realizado un formulario de login sin plugins, sin embargo es posible ahorrarnos tanto código HTML como CSS y usar una función de WordPress que nos ayuda con la generación del formulario.
Resultado Final
Al final lo que queremos obtener será algo similar a lo que se muestra en la siguiente imagen:
Código para crear el formulario de login
El siguiente código crea un shortcode llamado [dcms_form_login] el cual puedes usar en cualquier lugar de tu sitio web para mostrar el formulario de login.
En el código anterior:
- Creamos el shortcode dcms_form_login que ejecuta la función dcms_form_login_config()
- Dentro de la función podemos configurar las variables para las redirecciones $redirect_login y $redirect_logout, por defecto llevan al inicio del sitio
- El código mostrará condicionalmente el formulario de login, usamos la función de WordPress wp_login_form() la cual crea el formulario con los argumentos indicados
- En caso el usuario ya se encuentre conectado mostraremos su información, como por ejemplo su avatar con la función get_avatar().
- Creamos igualmente la url de redirección tras la desconexión con la función wp_logout_url()
Conclusión
Como has podido comprobar, usando la función wp_login_form() de WordPress te puede ahorrar código al construir el formulario y simplemente nos preocupamos en agregar lógica adicional para el manejo del Shortcode.
¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores.
Artículos Relacionados
(1 votos, promedio: 5,00 de 5)
Cargando...
Hola Jhon, gracias por esta versión mejorada del login.
Sólo tengo una duda; yo quiero redirigir a una página externa al wordpress. Intenté en el redirect login poner la URL como tú pusiste la de google de ejemplo y no funcionó. Me sigue enviando a la home. No sé si se requiera otro hook o algo más.
Además sólo quiero que envie a ciertos usuarios con cierto rol a esa página externa.
¿Tendrás alguna sugerencia de cómo hacer que funcione este redirect login?
Gracias y saludos
Hola, la opción de redirección es propia de la función wp_login_form(), si que debería funcionarte https://developer.wordpress.org/reference/functions/wp_login_form/, prueba usando una url absoluta de tu propio sitio.