 |
Résumé | Remplace le bouton Se connecter mobile par un bouton combiné S'inscrire / Se connecter qui ouvre une fenêtre modale contenant des liens |
 |
Dépôt | https://github.com/Lillinator/discourse-combined-auth-button |
 |
Guide d’installation | Comment installer un thème ou un composant de thème |
Installer ce composant de thème
Aperçu
Ce composant de thème combine les boutons « S’inscrire » et « Se connecter » en un seul bouton avec des options déroulantes, pour un en-tête plus épuré et une meilleure expérience utilisateur (en particulier pour les utilisateurs mobiles).
En particulier, la vue par défaut du forum Discourse sur mobile masque le bouton « S’inscrire » et n’affiche que le bouton « Se connecter » existant ; cela peut être déroutant et peu intuitif pour les nouveaux visiteurs des forums Discourse (vue anonyme). De plus, le bouton « Se connecter » de la vue mobile par défaut renvoie vers la page de connexion qui, à son tour, contient un lien vers la page d’inscription ; cela crée une friction inutile pour les nouveaux utilisateurs sur les appareils mobiles.
Vue mobile par défaut sans composant :
Ce simple composant de thème Discourse remplace le bouton Se connecter existant par un bouton combiné avec une étiquette plus claire - par défaut, il s’agit de S'inscrire / Se connecter. Lorsqu’il est cliqué ou touché, il ouvre un menu déroulant ou une fenêtre modale mobile avec des liens vers les pages d’inscription ou de connexion. Il existe un paramètre d’administration qui permet de masquer l’icône du bouton combiné pour gagner de la place dans l’en-tête, ainsi que des paramètres pour modifier les icônes et les chaînes de texte afin de personnaliser toutes les étiquettes des boutons.
Bouton mobile et fenêtre modale avec les paramètres par défaut du composant :
Bouton de bureau et menu déroulant avec les paramètres par défaut du composant :
Il existe des paramètres d’administration permettant de masquer l’icône du bouton combiné pour gagner de la place dans l’en-tête en vue mobile, ainsi que pour modifier toutes les icônes des boutons. Vous pouvez également personnaliser toutes les étiquettes des boutons.
Paramètres et traductions du thème
| Paramètre | Description |
|---|---|
enable_on_desktop |
Activer le bouton d’authentification combiné sur toutes les tailles de vue |
hide_mobile_login_button_icon |
Masque l’icône du bouton d’authentification combiné en vue mobile pour économiser de l’espace dans l’en-tête |
login_button_icon |
Icône SVG pour le bouton de connexion (et bouton d’authentification combiné si « Masquer l’icône du bouton de connexion mobile » est désactivé) |
signup_button_icon |
Icône SVG pour le bouton d’inscription |
button_labels.auth |
Chaîne de texte du bouton combiné pour les traductions du thème |
button_labels.log_in |
Chaîne de texte du bouton de connexion pour les traductions du thème |
button_labels.sign_up |
Chaîne de texte du bouton d’inscription pour les traductions du thème |
Plus de captures d’écran
Notes
- Ce composant est compatible avec le Menu hamburger latéral gauche sur mobile, mais centrer le logo du site peut causer des problèmes d’encombrement dans l’en-tête.
Découvrez mes autres créations Discourse
