| Résumé | Liens d’en-tête personnalisés (icônes) vous permettront d’ajouter facilement des icônes liées à l’en-tête de Discourse. | |
| Aperçu | Aperçu sur Discourse Theme Creator | |
| Lien vers le dépôt | https://github.com/discourse/discourse-icon-header-links | |
| Nouveau dans les thèmes Discourse ? | Guide pour débutants sur l’utilisation des thèmes Discourse |
Installer ce composant de thème
Fonctionnalités
Captures d’écran
Bureau
Mobile
Paramètres
Ce composant inclut un paramètre de thème qui vous permet d’ajouter autant de liens que vous le souhaitez, de déterminer leurs icônes et de choisir sur quels appareils ils s’affichent !
| Nom | Description |
|---|---|
| liens d’en-tête | Liste de liens avec les propriétés suivantes : titre, icône, URL, vue et cible |
| ajouter un espace blanc | Si coché, cela ajoutera un espace blanc entre les icônes d’en-tête par défaut de Discourse et les icônes personnalisées ajoutées via ce composant |
| Icônes SVG | Inclure les classes d’icônes FontAwesome 6 pour chaque icône utilisée dans la liste. |
Notes :
- L’URL peut être absolue (https://www.example.com) ou relative (/c/staff)
- Les icônes peuvent être n’importe quel nom d’icône FontAwesome 6 (gratuit) sans les parties
fa-,fab-,fas-oufar-, ou une URL vers une image.
Si l’icône que vous souhaitez utiliser n’apparaît pas, ajoutez-la au paramètre svg_icons dans le composant. Si vous ajoutez de nouvelles icônes, elles doivent être préfixées par les préfixes FontAwesome 6 tels que fab, far et fas.
Crédits
Ce composant est basé sur le tutoriel génial de @techAPJ ici : (Superseded) Add new link on header beside search icon, ainsi que sur le thème Brand header de @vinothkannans, qui a servi de référence pour la structure de ce composant.
Hébergé par nous ? Les composants de thème sont disponibles sur nos offres Standard, Business et Entreprise.