 |
Resumen | Reemplaza el botón Iniciar sesión móvil con un botón combinado Registrarse / Iniciar sesión que abre un modal con enlaces |
 |
Repositorio | https://github.com/Lillinator/discourse-combined-auth-button |
 |
Guía de instalación | Cómo instalar un tema o componente de tema |
Instalar este componente de tema
Descripción general
Este componente de tema combina los botones de registro e inicio de sesión en un solo botón con opciones desplegables, para un espacio de encabezado más limpio y una experiencia de usuario mejorada (especialmente para usuarios móviles).
En particular, la vista predeterminada del foro móvil de Discourse oculta el botón de Registrarse y solo muestra el botón de Iniciar sesión existente; esto puede resultar confuso y poco intuitivo para los nuevos visitantes de los foros de Discourse (vista anónima). Además, el botón de inicio de sesión de la vista móvil predeterminada enlaza a la página de inicio de sesión que, a su vez, tiene un enlace a la página de registro; esto crea fricción innecesaria para los nuevos usuarios en dispositivos móviles.
Vista móvil predeterminada sin el componente:
Este sencillo componente de tema de Discourse reemplaza el botón existente Iniciar sesión con un botón combinado con etiquetas más claras; el valor predeterminado es Registrarse / Iniciar sesión. Al hacer clic o tocarlo, abre un menú desplegable o un modal móvil con enlaces a las páginas de registro o inicio de sesión. Existe una configuración de administrador que ofrece la opción de ocultar el icono del botón combinado para ganar más espacio en el encabezado, así como configuraciones para cambiar los iconos y los campos de texto para personalizar todas las etiquetas de los botones.
Botón móvil y modal con la configuración predeterminada del componente:
Botón de escritorio y menú desplegable con la configuración predeterminada del componente:
Existen configuraciones de administrador que permiten ocultar el icono del botón combinado para ganar más espacio en el encabezado en la vista móvil, así como para cambiar todos los iconos de los botones. También puedes personalizar todas las etiquetas de los botones.
Configuración y traducciones del tema
| Configuración | Descripción |
|---|---|
enable_on_desktop |
Habilitar el botón de autenticación combinado en todos los tamaños de viewport |
hide_mobile_login_button_icon |
Oculta el icono del botón de autenticación combinado en la vista móvil para ahorrar espacio en el encabezado |
login_button_icon |
Icono SVG para el botón de Iniciar sesión (y el botón de autenticación combinado si Ocultar icono del botón de inicio de sesión móvil está deshabilitado) |
signup_button_icon |
Icono SVG para el botón de Registrarse |
button_labels.auth |
Cadena de texto del botón combinado para las traducciones del tema |
button_labels.log_in |
Cadena de texto del botón de Iniciar sesión para las traducciones del tema |
button_labels.sign_up |
Cadena de texto del botón de Registrarse para las traducciones del tema |
Más capturas de pantalla
Notas
- Este componente es compatible con el Menú hamburguesa lateral izquierdo en móviles, pero centrar el logotipo del sitio puede causar problemas de congestión en el encabezado.
Consulta mi otro contenido de Discourse
