Ce composant est livré avec une variété de paramètres !
Nom
Description
show on
Choisissez d’afficher votre bannière sur la page d’accueil, les listes de sujets ou toutes les pages
banner links
Ajoutez 1 à 4 liens avec des icônes Font Awesome et du texte (vous devrez peut-être également ajouter des icônes qui ne sont pas incluses par défaut dans Discourse au paramètre svg_icons)
max trust level
N’affichez la bannière qu’aux utilisateurs ayant des niveaux de confiance spécifiques
hide for staff
hide on mobile
layout
Texte à gauche (par défaut) ou texte en haut
plugin outlet
vous permet de changer l’endroit où la bannière est rendue, si vous utilisez la barre latérale, essayez above-main-container
hide for anon
Masque la bannière aux utilisateurs non connectés
can be dismissed
Permet aux utilisateurs de cliquer sur un x pour masquer la bannière
banner background image
Choisissez une image à afficher derrière la bannière
banner background repeat
Configurez le comportement de répétition de l’image d’arrière-plan
banner background size
Ajustez la taille de votre image d’arrière-plan en utilisant CSS (plus d’informations)
banner background color
Pas d’image d’arrière-plan ? Utilisez une couleur unie !
banner box background color
banner text color
banner icon color
banner link color
Traductions
Défaut
meta_banner.welcome
Bienvenue dans notre communauté !
meta_banner.subtitle
Rejoignez la conversation, et n’oubliez pas d’être gentil.
Hébergé par nous ? Les composants de thème sont disponibles sur nos plans Pro, Business et Entreprise.
Si vous utilisez la barre latérale expérimentale, j’ai ajouté un réglage (plugin outlet) qui fera apparaître la bannière de bienvenue au-dessus du contenu mais pas au-dessus de la barre latérale. Changez simplement ce réglage pour above-main-container.
Changer ce réglage fera apparaître la bannière à droite de la barre latérale, comme le fait notre bannière ici sur Meta :
Question : lorsqu’un utilisateur (moi ^^) a fermé la bannière, comment peut-il la récupérer ?
Je fais Ctrl+F5 mais elle ne revient pas, et je l’ai fermée juste pour tester.
Sur le bureau, vous pouvez effacer l’élément localstorage ici, discourse_dismissedWelcomeLinkBanner.
Vous appuyez sur F12 pour ouvrir la console du navigateur → allez dans l’onglet Application → Dans le panneau de gauche, cliquez sur Local Storage puis sur votre site web → Recherchez la clé discourse_dismissedWelcomeLinkBanner et supprimez-la.
C’est tout ! Vous pouvez rafraîchir, et la bannière devrait réapparaître.
Ma question peut sembler stupide, mais je ne suis pas programmeur. J’ai installé le composant CSS Classes for Current User's Groups. Si je veux afficher 3 options de bannière pour trois groupes différents, dois-je installer trois copies du composant Welcome Link Banner ? Ensuite, comment dois-je styliser le CSS si je veux que :
Pour le groupe A, la bannière A soit affichée, pour le groupe B, la bannière B soit affichée, et pour le groupe C, la bannière C soit affichée ? Pourriez-vous donner un exemple ?
Merci d’avance pour votre réponse
Merci, cela fonctionne si je veux masquer une bannière pour un groupe spécifique, mais je ne sais pas comment afficher différentes bannières avec un contenu différent pour différents groupes.
Si vous souhaitez des bannières différentes, cela nécessitera plus d’une copie du composant de bannière de lien de bienvenue (pas le composant de groupe CSS). Vous pourriez également vouloir utiliser une CSS différente pour afficher plutôt que masquer.
vous voudrez peut-être d’abord le masquer pour tout le monde, puis utiliser display: block pour des groupes sélectionnés. Ce que vous voulez peut probablement être réalisé de plus d’une manière : masquer pour tous puis afficher pour certains, ou masquer pour certains.
Permettez-moi d’apporter quelques clarifications.
[citation=“Lilly, post:121, topic:218743, username:Lilly”]
si vous voulez des bannières différentes, cela nécessitera plus d’une copie du composant de bannière de lien de bienvenue
[/citation]
Si j’ai plusieurs copies d’un composant, comment dois-je écrire le nom de la classe ? Par exemple,
Vous devrez peut-être forker le composant bannière pour chaque utilisation ? Il est probablement préférable d’apprendre quelques bases de CSS et le développement de thèmes de composants pour ce type de cas d’utilisation hors périmètre.
J’aimerais utiliser cette bannière car elle est simple et épurée. Puis-je l’utiliser pour promouvoir l’application de mon entreprise plutôt que comme bannière de bienvenue ?
Je pense définir le lien sur une URL depuis laquelle on peut télécharger l’application sur l’App Store. Y a-t-il un problème avec cela également ?
Puis-je modifier la partie « Bienvenue dans notre communauté ! » ?
Oui, vous pouvez personnaliser tous les textes, choisir les icônes et ajouter les liens que vous souhaitez.
Vous pouvez également essayer le thème sur theme creator
| Résumé | Welcome Link Banner est une bannière simple qui vous permet d’ajouter du texte personnalisé et 1 à 4 liens.
| Aperçu | Aperçu sur Discourse Theme Creator |
| Lien vers le dépôt | https://github.com/discourse/discourse-welcome-link-banner
| Nouveau dans les thèmes Discourse ? | Guide pour débutants sur l’utilisation des thèmes Discourse
Hébergé par nous ? Les composants de thème sont disponibles sur nos plans Pro, Business et Entreprise.
Si vous installez ce composant de thème, vous devriez pouvoir utiliser CSS pour obtenir ce que vous voulez