Ce composant de thème est déprécié et ne devrait plus être utilisé. Ses fonctionnalités sont désormais intégrées à Discourse Core — consultez notre documentation pour plus de détails sur la configuration d’une bannière d’accueil :
 |
Résumé | Advanced Search Banner place une barre de recherche, ainsi qu’un titre et un sous-titre optionnels, dans une bannière située au-dessus de la navigation principale de la liste des sujets. |
 |
Aperçu | Aperçu sur Discourse Theme Creator |
 |
Lien du dépôt | https://github.com/discourse/discourse-search-banner |
 |
Nouveau sur Discourse Themes ? | Guide de démarrage pour utiliser les thèmes Discourse |
Installer ce composant de thème
Fonctionnalités
Par défaut, cette bannière apparaît sur toutes les pages de sujets de premier niveau (latest/new/unread/top/categories… tout ce qui se trouve dans le menu supérieur du paramètre du site) mais elle peut également être configurée pour n’apparaître que sur la page d’accueil d’une communauté.
Paramètres
| Nom | Description |
|---|---|
| show on | Détermine sur quelles pages la bannière apparaît |
| plugin outlet | Emplacement de la page où la bannière sera affichée |
| background image light | Image d’arrière-plan de la bannière pour les palettes de couleurs claires |
| background image dark | Image d’arrière-plan de la bannière pour les palettes de couleurs sombres |
| tile background image | Répéter l’image d’arrière-plan |
| show for | Qui peut voir la bannière de recherche (connectés, déconnectés, ou les deux) |
| special style | Variations optionnelles qui modifient l’apparence de la bannière de recherche |
| Traduction | Par défaut |
|---|---|
| search_banner.headline | Bienvenue dans notre communauté |
| search_banner.subhead | Nous sommes heureux de vous accueillir ici. Si vous avez besoin d’aide, veuillez effectuer une recherche avant de publier. |
| search_banner.search_button_text |
Pour omettre l’un de ces éléments de l’affichage, laissez le champ vide.
Style personnalisé
L’élément HTML reçoit une classe nommée .display-search-banner chaque fois que cette bannière apparaît, et la bannière elle-même est enveloppée dans la classe .custom-search-banner, donc avec un peu de CSS, vous devriez pouvoir personnaliser l’apparence de cette bannière comme bon vous semble.
Améliorations futures
- Ajouter une option pour activer la bannière dans des catégories spécifiques
Crédits
Ce composant s’inspire fortement de Pavilion Header Search Theme Component par @angus
Hébergé par nous ? Les composants de thème sont disponibles sur nos plans Standard, Business et Enterprise.