Better Login
Un módulo de tematización que reemplaza las páginas predeterminadas de Drupal para inicio de sesión, registro, recuperación de contraseña y restablecimiento de contraseña con plantillas más limpias inspiradas en WordPress.
betterlogin
Instalar
composer require 'drupal/betterlogin:^2.0'
Overview
Better Login es un módulo de tematización ligero diseñado para resolver el problema común de estilizar los formularios de autenticación de usuarios de Drupal. Proporciona una apariencia limpia, minimalista y profesional para las páginas de inicio de sesión, registro, recuperación de contraseña y restablecimiento de contraseña sin requerir ninguna configuración.
Inspirado en el diseño del formulario de inicio de sesión de WordPress, este módulo utiliza plantillas de página dedicadas que reemplazan completamente las páginas predeterminadas de formularios de usuario de Drupal. El módulo comienza a funcionar inmediatamente después de la instalación, proporcionando una mejora visual instantánea a todas las páginas de autenticación de usuarios.
Cada página de autenticación muestra el logotipo del sitio, el título del formulario, el contenido del formulario relevante y enlaces de navegación útiles a otras páginas de autenticación. Las plantillas están diseñadas para ser fácilmente personalizables: puedes sobrescribirlas en tu tema o simplemente modificar el CSS proporcionado para que coincida con la identidad visual de tu sitio.
Features
- Proporciona cuatro plantillas de página dedicadas para páginas de autenticación de usuarios: inicio de sesión, registro, recuperación de contraseña y restablecimiento de contraseña
- Muestra el logotipo del sitio de manera prominente sobre cada formulario de autenticación
- Establece títulos de página significativos en lugar del título genérico 'Cuenta de usuario' (por ejemplo, 'Iniciar sesión', 'Registrarse', '¿Olvidaste tu contraseña?', 'Restablecer contraseña')
- Añade enfoque automático al campo de nombre de usuario/correo electrónico para entrada inmediata del usuario
- Elimina las descripciones predeterminadas de los campos del formulario para una apariencia más limpia
- Proporciona enlaces de navegación entre páginas de autenticación (iniciar sesión, registrarse, olvidé mi contraseña, volver al sitio)
- Muestra condicionalmente el enlace de registro basándose en los permisos de registro de usuarios
- Elimina las pestañas de tareas locales predeterminadas de Drupal de las páginas de usuario para una interfaz más limpia
- Incluye estilos CSS responsivos con un diseño de caja de formulario centrada
- Maneja la redirección de usuarios anónimos cuando acceden a páginas de usuario con parámetros de consulta
- Funciona inmediatamente después de la instalación sin requerir configuración
Use Cases
Mejora Visual Rápida para Páginas de Autenticación de Usuarios
Para constructores de sitios que desean una actualización visual inmediata de las páginas de inicio de sesión predeterminadas de Drupal sin invertir tiempo en tematización personalizada. Simplemente instala el módulo y todas las páginas de autenticación de usuarios tendrán una apariencia limpia y profesional con el logotipo del sitio y tipografía mejorada.
Punto de Partida para Diseño Personalizado de Páginas de Autenticación
Para tematizadores que desean una base sólida para diseños personalizados de páginas de autenticación. Copia los cuatro archivos de plantilla del directorio /templates del módulo a tu tema, luego personaliza la estructura HTML y añade tu propio CSS para que coincida con el lenguaje de diseño de tu sitio.
Experiencia de Inicio de Sesión Estilo WordPress
Para organizaciones que migran desde WordPress o cuyos usuarios están familiarizados con la experiencia de inicio de sesión de WordPress. El diseño de formulario centrado con logotipo y distracciones mínimas proporciona una experiencia de usuario similar a las páginas de inicio de sesión de WordPress.
Experiencia de Usuario Mejorada para Sitios Públicos
Para sitios con registro público donde las páginas de inicio de sesión y registro son visitadas frecuentemente. El diseño más limpio con navegación clara entre inicio de sesión, registro y recuperación de contraseña reduce la confusión del usuario y mejora las tasas de conversión.
Tips
- Para personalizar las plantillas, cópialas del directorio /templates del módulo al directorio /templates de tu tema y modifícalas según sea necesario
- El CSS usa el ID de envoltorio #auth_box - usa este selector para añadir estilos personalizados en tu tema sin modificar el módulo
- Cada plantilla tiene una clase única en el elemento #auth_box (login, password, register, reset) para estilos específicos de página
- El módulo añade el contexto de caché 'route' para asegurar el almacenamiento en caché adecuado de las diferentes páginas de autenticación
- Considera añadir el reset/normalización CSS de tu tema para asegurar estilos consistentes entre navegadores
Technical Details
Hooks 5
hook_help
Proporciona texto de ayuda para el módulo en la página de ayuda de administración, explicando que el módulo usa cuatro plantillas y cómo personalizarlas.
hook_form_alter
Modifica los formularios de autenticación de usuarios añadiendo enfoque automático al campo de nombre de usuario, eliminando descripciones de campos y adjuntando la biblioteca CSS de betterlogin.
hook_theme
Registra cuatro hooks de tema de plantilla de página para las páginas de autenticación de usuarios con una función de preprocesamiento personalizada.
hook_local_tasks_alter
Elimina las pestañas de tareas locales predeterminadas de Drupal (Iniciar sesión, Registrarse, Restablecer contraseña) de las páginas de usuario para proporcionar una interfaz más limpia.
hook_preprocess_html
Establece títulos de página personalizados para cada página de autenticación: 'Iniciar sesión', '¿Olvidaste tu contraseña?', 'Registrarse' y 'Restablecer contraseña'.
Troubleshooting 5
Limpia todas las cachés de Drupal (drush cr) y asegúrate de que el módulo esté habilitado correctamente. Si usas un tema personalizado, verifica si el tema está sobrescribiendo las plantillas de página y ajusta en consecuencia.
Asegúrate de que tu tema tenga un logotipo configurado en los ajustes de Apariencia. El módulo usa theme_get_setting('logo.url') para obtener la ruta del logotipo.
El enlace de registro solo aparece cuando el registro de usuarios está permitido. Verifica la configuración de tu cuenta en /admin/config/people/accounts para asegurarte de que el registro esté habilitado.
El CSS del módulo puede entrar en conflicto con los estilos de tu tema. Aumenta la especificidad CSS en tu tema o copia y modifica el CSS del módulo para que coincida con el enfoque de estilos de tu tema.
Las plantillas del módulo renderizan {{ page.content }} que incluye el formulario completo. Si faltan campos, verifica la configuración de campos de cuenta de usuario en lugar del módulo.