Membres du site : Personnaliser la barre de connexion et le menu
Temps de lecture : 9 min
Cet article fait référence à la nouvelle version de l'appli Espace membres qui n'est pas encore disponible pour tous les utilisateurs. Si vous utilisez la version précédente, lisez les informations ici. Cliquez ici pour vérifier quelle version vous utilisez.
Personnalisez la barre de connexion sur laquelle les membres cliquent pour se connecter à votre espace membres, ainsi que le menu qu'elle affiche. Décidez des onglets et des liens qui apparaissent dans le menu, ajustez la mise en page et le design de l'élément pour qu'il corresponde au reste du site.
Dans cet article, découvrez comment :
Suggestion :
L'élément de la barre de connexion a été ajouté automatiquement à votre site dans le cadre de l'appli Espace membres. Il est également disponible dans le panneau Ajouter des éléments sous Communauté (Éditeur Wix) / Membres (Éditeur Studio).
Configurer la barre de connexion
Choisissez les informations affichées par la barre de connexion, personnalisez les textes et ajoutez un message d'accueil pour une touche conviviale (ex. « Bonjour Lisa »).
Éditeur Wix
Éditeur Studio
- Cliquez sur l'élément de la barre de connexion dans l'Éditeur.
- Cliquez sur Configurer la barre de connexion.
- Choisissez ce que les personnes voient dans la barre de connexion sous Choisissez une mise en page :
- Avatar : Seule l'image du profil du membre est affichée.
- Nom : Seul le nom du membre est affiché.
- Initiales : Les initiales du membre sont affichées, en fonction de son prénom et de son nom.
- Tout : La photo de profil et le nom du membre sont affichés.
- (Facultatif) Activez le curseur Afficher un message d'accueil avant le nom pour ajouter un message d'accueil avant le nom de votre membre. Ensuite, saisissez votre message d'accueil.
Remarque : Cette option n'est disponible que pour les mises en page Nom et Complet. - Modifiez le texte dans la barre de connexion :
- Message sur la barre avant la connexion ? : Modifiez le texte qui apparaît avant que les membres ne se connectent. Cela aide les visiteurs de votre site à savoir ce qu'ils doivent faire (ex. s'inscrire, se connecter).
- Message de déconnexion : Modifiez le texte sur lequel les membres cliquent pour se déconnecter de leur compte.
Gérer le menu de la barre de connexion
Lorsque des membres connectés cliquent sur la barre de connexion, un menu déroulant s'ouvre. Le menu de la barre de connexion est entièrement personnalisable et complètement indépendant du menu membre. Choisissez les onglets et les pages des membres que vous souhaitez voir apparaître dans ce menu.
Suggestion :
Alors que vous ne pouvez afficher des onglets que dans le menu des membres, le menu de la barre de connexion peut renvoyer à n'importe quel endroit, y compris aux pages privées de vos membres.
Éditeur Wix
Éditeur Studio
- Cliquez sur l'élément de la barre de connexion dans l'Éditeur.
- Cliquez sur Gérer le menu.
- Sélectionnez ce que vous voulez faire ensuite :
- Ajoutez plus d'éléments de menu :
- Cliquez sur + Ajouter un élément de menu en bas.
- Cliquez sur Lien.
- Choisissez l'endroit où vous souhaitez créer un lien (ex. page du site, adresse web externe) et configurez-le à l'aide des options disponibles.
- Cliquez sur Terminé.
- Renommer un élément de menu : Cliquez deux fois sur l'élément de menu pour saisir un nouveau nom.
- Supprimer un élément de menu : Survolez un onglet, cliquez sur l'icône Plus d'actions
et Supprimer / Masquer du menu. - Réorganiser le menu : Survolez l'élément concerné, maintenez l'icône Réorganiser
à côté et faites-le glisser jusqu'à la position souhaitée.
- Ajoutez plus d'éléments de menu :
Design de la barre et du menu de connexion
Personnalisez le design de votre barre de connexion et celui du menu des membres afin qu'ils correspondent au thème de votre site. Vous pouvez modifier les couleurs, les polices, les bordures et bien plus encore.
Éditeur Wix
Éditeur Studio
- Cliquez sur la barre de connexion dans l'Éditeur.
- Cliquez sur l'icône Design
. - Cliquez sur l'onglet Standard et personnalisez le design en utilisant les options suivantes :
- Couleur et opacité : Modifiez les couleurs et l'opacité des icônes, de l'arrière-plan et des notifications de la barre de connexion.
- Bordures : Modifiez la couleur, l'opacité et la largeur des bordures de la barre de connexion et du menu.
- Angles : Modifiez le rayon des angles de la barre de connexion et du menu. Plus le rayon est grand, plus les angles sont arrondis.
- Ombre : Ajoutez et créez une ombre pour votre barre de connexion et votre menu.
- Texte : Modifiez les couleurs et les polices du texte dans la barre de connexion et le menu.
- Cliquez sur les onglets Survol et Sélectionné pour sélectionner une couleur différente pour votre texte lorsque les membres le survolent ou le sélectionnent.
Ajuster la mise en page de la barre de connexion et du menu
Ajustez la mise en page de la barre de connexion, ainsi que le menu déroulant qui apparaît. Vous pouvez choisir les icônes à afficher sur la barre de connexion, modifier leur taille, contrôler l'alignement du texte et plus encore.
Remarque :
Les options disponibles dépendent de la mise en page que vous sélectionnez dans le panneau Paramètres de la barre de connexion.
Éditeur Wix
Éditeur Studio
- Cliquez sur la barre de connexion dans l'Éditeur.
- Cliquez sur l'icône Mise en page
. - Ajustez la mise en page à l'aide de ces options :
- Taille de l'avatar : Faites glisser le curseur pour modifier la taille de la photo de profil du membre dans la barre de connexion.
- Forme de la flèche : Choisissez une forme pour la flèche sur laquelle les visiteurs cliquent pour ouvrir le menu de la barre de connexion. Faites ensuite glisser le curseur Taille de la flèche pour modifier la taille de la flèche.
- Alignement : Choisissez comment aligner le texte dans le menu de la barre de connexion : Gauche, Centre ou Droite.
- Comment est organisée la barre de connexion ? : Choisissez si l'avatar, le nom et la flèche de votre barre de connexion sont disposées de gauche à droite ou de droite à gauche.
Cela vous a-t-il aidé ?
|