Creating a custom login widget for WordPress adds personality to user experience. Forget the default, the custom widget enhances with user avatars, welcome messages, and logout redirection. Easy peasy to create and personalize – a hundred lines of code and bam! Refreshing, right? 😎 #WordpressDevelopment
Sé profesional y amigable en tu WordPress
Hola muy buenas seguimos con un nuevo vídeo en plugs web.es y hoy te voy a mostrar un código para crear un widget personalizado de acceso bien de forma predeterminada wordp ya incluye un widget de acceso y bueno es un poquito soso no vamos a dar un poquito más vidilla a ese widget vale vamos a probarlo primeramente el que tiene viene por defecto vamos a agregar aquí un nuevo bloque ponemos aquí acceso bien Y tenemos este de aquí vale vamos a agregarlo y bien aquí tenemos algunos ajustes podemos Mostrar un formulario de acceso en vez de El un enlace de acceder vale vamos a verlo vamos a marcarlo y luego esta opción que me gusta mucho que es redirigir a la URL actual es decir si el usuario está viendo una entrada y accede o cierra sesión pues se quedará en esa misma entrada o página bien y aquí tienes algunos ajustes de Eh bueno tamaño tipografía vale muy bien venga vamos a actualizar.
| Configuración de Acceso |
|-----------------------|
| Formulario de acceso|
| Redirigir a la URL actual|
| Tamaño tipografía|
El widget predeterminado tiene algunas limitaciones, pero podemos mejorar su personalización con un código.
Cómo mejorar el acceso a tu WordPress
Si él usuario está logueado que se le muestre pues sus datos no y si no Else entonces muestre un h3 donde ponga acceso y muestre el formulario con los campos de correo electrónico contraseña aquí has olvidado tu contraseña y aquí tenemos la redirección que lo que hace es redirigir a la página actual luego por último tenemos esta redirección para cuando el usuario cierre sesión lo deje también en la misma página es decir si está en la página de categorías de coches pues se quedará en esa misma página bien pues ya está como ves es un código muy sencillo eh Us son unas 100 líneas
El widget por defecto de WordPress puede quedarse corto en cuanto a emoción. Un código personalizado puede mejorar la experiencia para los usuarios.
| Opciones de Funcionalidad |
|-----------------------|
| Mostrar datos de usuario si está logueado|
| Redirección tras cerrar sesión|
| Redirección personalizada cuando el usuario accede|
| Agregar un mensaje personalizado si las credenciales son incorrectas|
Crea tu propio plugin
Ahora que hemos mostrado estas limitaciones, vamos a crear nuestro widget personalizado con más funcionalidades. Si te interesa, te explicaré detalladamente el código mientras lo creamos.
add_action( 'init', 'my_custom_access_widget' );
function my_custom_access_widget() {
register_widget( 'VP_Welcome_Profile_Widget' );
}
Te indico paso a paso cómo crear e instalar un plugin personalizado para mejorar la experiencia de tus usuarios.
Modifica el formulario como desees
Ahora que haces uso de este código, puedes comentar o descomentar según tus preferencias. Por ejemplo, si no te interesa mostrar la imagen destacada de los usuarios, puedes sencillamente dejarlo como comentario y no se ejecutará la función.
//Comentamos la función si no deseamos mostrar la foto de perfil
El código proporcionado es altamente personalizable según tus necesidades y requerimientos específicos.
Vamos a ingresar como Juan otra vez venimos aquí vamos a recargar bien este sería el nuevo formulario personalizado con enlace de olvidado tu contraseña si yo voy si yo accedo como Juan bien hacemos click en acceder vale vemos Que accedemos bienvenido Juan email cerra sesión y continuamos en la página de categoría donde estábamos vale si yo ahora vengo aquí a inicio y vengo a otra categoría por ejemplo esta de post formats vale hago clic aquí en cerrar sesión vemos Que cierra sesión y Nos mantiene también en la misma página actual donde estábamos y Bueno antes de terminar el vídeo.
| Experiencia de Usuario Personalizada |
|-----------------------|
| La posibilidad de recuperar contraseña|
| Una experiencia sin cambios abruptos tras cerrar sesión|
| Código altamente personalizable|
Finalmente, el widget personalizado te da una experiencia de usuario altamente mejorada, con flexibilidad y una recuperación suave tras un error.
Conclusion
La creación de un Widget de Acceso Personalizado en WordPress te permite cambiar la monotonía del predeterminado y brinda a tus usuarios una experiencia más personalizada y emocionante.
Para más información, visite Code Snipe
Gracias por su tiempo. Comenta, suscríbete y únete a la conversación. Nos vemos en el próximo tutorial. Saludos!
