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 :
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.
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é.
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
Je viens de faire une petite mise à jour qui ajoute un style optionnel à ce composant, il vous donne une grande barre de recherche sans texte de titre :
Existe-t-il un moyen de masquer l’icône de recherche (en utilisant CSS ou autrement) ? J’ai un problème où l’icône de recherche est dupliquée lorsqu’elle est utilisée conjointement avec ce composant : Advanced Header Search - #56 by RBoy
ne devrait afficher qu’une seule icône de recherche. Je dois dire cependant que l’utilisation simultanée de la bannière de recherche et de la recherche dans l’en-tête a des effets secondaires négatifs sur l’expérience utilisateur.
Quelqu’un peut-il m’aider ? J’ai installé ce thème sur mon Discourse mais l’image est coupée sur le côté droit. Pour que l’image s’affiche complètement, je dois définir la police du site sur « Plus petite ». J’ai deux installations différentes de Discourse et dans l’une d’elles, l’image fonctionnait normalement, dans l’autre, pourquoi l’image est-elle coupée ?
J’ai le même problème : différents navigateurs/modes affichent différentes parties de cette image. Je l’ai résolu en la rendant très large, de sorte que le côté droit n’apparaît que dans certaines conditions. Mais ce n’est pas si facile pour les images symétriques. Je suppose que quelques CSS supplémentaires (sans chercher à remplacer un composant d’accueil) aideraient.
J’ai réussi à résoudre une partie du problème, j’ai désactivé le composant de thème dans les autres thèmes et je l’ai laissé uniquement sur 1, aussi incroyable que cela puisse paraître, l’image était « normale » avec la taille de police sur « normale » uniquement à cause du téléphone portable où un seul côté de l’image apparaît, y a-t-il quelque chose que je puisse faire pour qu’elle apparaisse complètement sur mon téléphone portable aussi ?
Il semble que Discourse ait le même problème que dans ma communauté, la superposition met du temps à couvrir ce qui se trouve sous le fond de recherche (Discover) :
C’est plus prononcé dans ma communauté :
Je me demande si quelqu’un a trouvé une solution à cela, potentiellement un délai pour afficher la superposition ? Cela pourrait entraîner une mauvaise expérience.
Ce composant s’inspire fortement de Pavilion Header Search Theme Component par @angusHébergé par nous ? Les composants de thème sont disponibles sur nos plans Standard, Business et Enterprise.
