Ce guide explique les différentes méthodes pour créer et personnaliser des bannières sur votre site Discourse, des bannières simples à masquer aux options plus avancées.
Niveau d’utilisateur requis : Modérateur (Bannière à masquer), Administrateur
Les bannières sont un moyen efficace de communiquer des informations importantes à vos visiteurs. Ce guide vous guidera à travers diverses méthodes pour créer et personnaliser des bannières sur votre site Discourse.
Bannière de bienvenue
Une bannière de bienvenue accueille les nouveaux membres et les membres de retour avec un message amical et une barre de recherche proéminente, permettant aux visiteurs de trouver rapidement le contenu qu’ils recherchent.
Pour activer et personnaliser la bannière de bienvenue, accédez à la zone d’administration et sélectionnez le lien Apparence > Bannière de bienvenue dans la barre latérale.
Dans cette zone, vous trouverez les paramètres suivants :
- Activé sur les thèmes… : Ceci vous permet de désigner quels de vos thèmes actifs doivent afficher la bannière de bienvenue.
- Image d’arrière-plan : Téléchargez une image pour servir d’arrière-plan à votre bannière de bienvenue.
- Couleur du texte : Si la couleur de texte par défaut contrôlée par votre palette de couleurs entre en conflit avec votre image d’arrière-plan, vous pouvez sélectionner une nouvelle couleur ici. Notez que ce paramètre ne s’applique que lorsque vous avez téléchargé une image d’arrière-plan.
- Visibilité de la page : Ceci détermine quelles pages affichent la bannière de bienvenue. Par défaut, elle s’affiche sur les
Pages du menu principal(c’est-à-dire les pages sélectionnées dans le paramètre du siteMenu principal), mais vous pouvez changer pour :
Page d'accueil uniquement: La bannière de bienvenue ne s’affiche que sur la page d’accueil du site (c’est-à-dire la première page listée dans le paramètre du siteMenu principal).Pages de découverte: La bannière de bienvenue s’affiche sur toutes les pages duMenu principal, même si elles ne sont pas affichées dans le menu principal réel de votre site (c’est-à-dire non sélectionnées dans le paramètre).Toutes les pages: La bannière de bienvenue s’affiche sur toutes les pages de votre site. Ceci est généralement non recommandé car cela peut créer un encombrement visuel sur les pages de sujets, distrayant les membres de la lecture et de la participation.- Emplacement : Ceci détermine où la bannière de bienvenue s’affiche sur la page. Par défaut, elle s’affiche
Au-dessus du contenu du sujet, mais vous pouvez également sélectionnerSous l'en-tête du site. La différence est un peu subtile, et est montrée dans les captures d’écran ci-dessous :Vous pouvez également personnaliser le texte de la bannière de bienvenue pour modifier le message d’accueil et ajouter plus de texte explicatif à la bannière de bienvenue.
- En-tête pour les nouveaux membres : Le message d’accueil principal affiché aux nouveaux membres la première fois qu’ils se connectent à votre site.
- En-tête pour les membres connectés : Le message d’accueil principal affiché aux membres de retour.
- En-tête pour les visiteurs anonymes : Le message d’accueil principal affiché aux membres anonymes (c’est-à-dire non connectés).
- Sous-titre pour les membres connectés : Une ligne de texte secondaire facultative sous l’en-tête affichée aux membres de retour.
- Sous-titre pour les visiteurs anonymes : Une ligne de texte secondaire facultative sous l’en-tête affichée aux membres anonymes (c’est-à-dire non connectés).
- Espace réservé pour la recherche : Le texte d’espace réservé affiché dans le champ de recherche de la bannière de bienvenue.
Bannière à masquer
Une bannière à masquer est un avis temporaire que les utilisateurs peuvent fermer. Voici comment en créer une :
- Créez ou naviguez vers un sujet dans n’importe quelle catégorie publique. Le message original (OP) en haut du sujet sera la source de votre bannière.
- Ouvrez les options d’administration en cliquant sur l’icône de clé à molette à droite ou en bas du sujet.
- Sélectionnez « Épingler le sujet… »
- Dans la nouvelle fenêtre, choisissez
Créer une bannière de sujet
La bannière apparaîtra maintenant en haut de votre site. Les utilisateurs verront une bannière qu’ils peuvent masquer. Le personnel verra également un lien pour modifier le sujet source.
Conseils pour des bannières à masquer efficaces :
- Gardez le texte clair et concis
- La hauteur maximale est de 20vh (modifiable via CSS)
- Pour un texte plus long, les utilisateurs peuvent faire défiler le contenu dans la bannière
- Envisagez d’ajouter un lien vers un sujet public pertinent pour plus d’informations
- Si vous souhaitez masquer le sujet utilisé comme bannière, vous pouvez le retirer de la liste en utilisant le menu d’administration du sujet
Bannière permanente
Pour créer une bannière toujours visible et qui ne peut pas être masquée par les utilisateurs :
- Dans les paramètres de votre site, recherchez
global_notice.- Entrez votre texte ou votre HTML dans ce champ.
- Ce type de bannière est généralement utilisé pour des communications urgentes sur le site, mais peut être utilisé pour tout message permanent
- Cette bannière est visible par tout le monde, y compris les utilisateurs anonymes sur les sites nécessitant une connexion (
login_required)- La bannière peut être supprimée en réinitialisant le paramètre du site
global noticeBannières avancées
Vous pouvez créer des bannières plus avancées en utilisant un composant de thème. Veuillez noter que ces composants de thème peuvent entrer en conflit avec la fonctionnalité de bannière de bienvenue de base.
Bannière de bienvenue avec lien
Ce composant vous permet d’ajouter du texte personnalisé et 1 à 4 liens à votre bannière. Il offre diverses options de personnalisation, notamment :
- Choisir où afficher la bannière (page d’accueil, listes de sujets ou toutes les pages)
- Ajouter des liens avec des icônes Font Awesome
- Limiter la visibilité en fonction des niveaux de confiance de l’utilisateur
- Personnaliser les images ou les couleurs d’arrière-plan
- Ajuster les couleurs du texte et des icônes
Bannière polyvalente
L’un des composants les plus populaires et les mieux entretenus, Versatile Banner offre des options de personnalisation étendues via l’interface, notamment :
- Affichage de la bannière limité à
- utilisateurs connectés ou anonymes
- appareil mobile ou de bureau
- page d’accueil, liste de sujets ou toutes les pages
- Options masquable, extensible ou persistante
- Paramètre de largeur totale du navigateur
- Gestion des couleurs
- Personnalisation de l’en-tête et des colonnes à l’aide de HTML
Personnalisation des bannières avec CSS
Vous pouvez personnaliser tous les types de bannières à l’aide de CSS. Pour plus d’informations sur l’utilisation de CSS pour personnaliser votre site Discourse, consultez le Guide du débutant sur l’utilisation des thèmes Discourse.
43 « J'aime »