| Résumé | Liens d’en-tête personnalisés (icônes) vous permet 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 sur 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éfinir leurs icônes et de choisir sur quels appareils ils s’affichent !
| Nom | Description |
|---|---|
| header links | Liste de liens avec les propriétés suivantes : titre, icône, URL, vue et cible |
| add whitespace | Si coché, cela ajoutera un espace entre les icônes d’en-tête Discourse par défaut et les icônes personnalisées ajoutées via ce composant |
| Svg icons | 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 du composant. Si vous ajoutez de nouvelles icônes, elles doivent être précédées des préfixes FontAwesome 6 tels que fab, far et fas.
Crédits
Ceci est basé sur le tutoriel génial de @techAPJ ici : (Superseded) Add new link on header beside search icon, et 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 pour une utilisation sur nos plans Standard, Business et Enterprise.