Bannière de recherche avancée

:warning:

Ce composant de thème est obsolète et ne doit plus être utilisé. Ses fonctionnalités font désormais partie du noyau de Discourse — consultez notre documentation pour plus de détails sur la configuration d’une bannière de bienvenue :

https://meta.discourse.org/t/creating-a-banner-to-display-at-the-top-of-your-site/153718#p-762961-welcome-banner-1

:discourse2: Résumé Advanced Search Banner place une barre de recherche avec un titre et un sous-titre facultatifs dans une bannière au-dessus de la navigation principale de la liste des sujets.
:eyeglasses: Aperçu Aperçu sur Discourse Theme Creator
:hammer_and_wrench: Lien du dépôt https://github.com/discourse/discourse-search-banner
:open_book: Nouveau dans les thèmes Discourse ? Guide du débutant 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 niveau supérieur (latest/new/unread/top/categories… tout ce qui se trouve dans le paramètre du site top menu), mais elle peut également être configurée pour n’apparaître que sur la page d’accueil d’une communauté.

search banner example

Paramètres

Nom Description
show on Détermine sur quelles pages la bannière apparaît
plugin outlet Où sur la page la bannière apparaîtra
background image light Image d’arrière-plan pour la bannière sur les palettes de couleurs claires
background image dark Image d’arrière-plan pour la bannière sur 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é, déconnecté, ou les deux)
special style Variations optionnelles qui modifient l’apparence de la bannière de recherche
Traduction Défaut
search_banner.headline Bienvenue dans notre communauté
search_banner.subhead Nous sommes heureux de vous accueillir. Si vous avez besoin d’aide, veuillez effectuer une recherche avant de publier.
search_banner.search_button_text

Pour omettre l’affichage d’un élément, laissez le champ vide.

Stylisation personnalisée

L’élément HTML reçoit une classe nommée .display-search-banner partout où cette bannière apparaît, et la bannière elle-même est enveloppée par la classe .custom-search-banner, donc avec un peu de CSS, vous devriez être en mesure de personnaliser l’apparence de cette bannière comme vous le souhaitez.

Améliorations futures

  • Ajouter une option pour activer la bannière dans des catégories spécifiques

Crédits

:sparkling_heart: Ceci emprunte très largement à @angushttps://meta.discourse.org/t/header-search-theme/67959


:discourse2: Hébergé par nous ? Les composants de thème sont disponibles à l’utilisation sur nos plans Standard, Business et Enterprise.

83 « J'aime »
[PAID] New search bar
Bringing popular features to Discourse: Header search, welcome banner, and category icons / emoji
Elementary Layout Component
Searching for users on mobile
New Theme: Tag-Pages Navigation
How to add links on home page menu to other site?
Adding Search option
Header search in custom header
Can't find how to localize a theme component
Mint Theme
Creating and installing plugins?
Bug with "search_banner.search_button_text" shown in search banner theme component
Search banner requires login
Pavilion Header Search Theme Component
Help Needed for Installing Meta Branded Theme
Banner Featured Links
Search section like on Reddit?
How do I edit "Welcome to our community" and tagline on the Homepage?
Anything wrong with this component?
User card out of alignment
Search Banner image cuts off on smaller screens
Pavilion Header Search Theme Component
Where to find search bar in our settings?
Where to find search bar in our settings?
Fully Theme
Welcome Banner components
What plug-in or customization for this header?
Custom Platform
Homepage header, how to add?
How can I make the home page similar to this one?
Theme or Custom CSS on Monday’s Discourse Instance?
Community not displaying correctly - new problem - help!
Christmas Decoration Component :christmas_tree:
We're upgrading our icons to Font Awesome 6!
Search for and/or filter topics in a category using text search
Forum search bar not showing up
Pavilion Header Search Theme Component
3.5.0.beta9: Improving color management, core welcome banner, and staff action log filters
Translations of theme component sample texts
Making my discourse site look a certain way
How can I change the HTML template of advanced search?
How to change the header text on the title page
Advanced Header Search
How to make a custom search bar?
Bug in Search banner theme component
Simple modifications
How can I achieve these header and footer customisations?
Meta Branded theme and all categories header
Search in this topic filter issue with Search banner TC
Bug with "search_banner.search_button_text" shown in search banner theme component
New Theme: Tag-Pages Navigation
Customizing your site with existing theme components