Banner de Búsqueda Avanzada

:warning:

Este componente de tema está obsoleto y ya no debería usarse. Sus funciones ahora están en el Núcleo de Discourse; consulte nuestra documentación para obtener detalles sobre cómo configurar un banner de bienvenida:

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

:discourse2: Resumen Advanced Search Banner coloca una barra de búsqueda junto con texto opcional de encabezado y subtítulo en un banner encima de la navegación principal de la lista de temas.
:eyeglasses: Vista previa Vista previa en Discourse Theme Creator
:hammer_and_wrench: Enlace al Repositorio https://github.com/discourse/discourse-search-banner
:open_book: ¿Nuevo en los Temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente de tema

Características

Por defecto, este banner aparece en todas las páginas de temas de nivel superior (latest/new/unread/top/categories… cualquier cosa en la configuración del sitio top menu), pero también se puede configurar para que solo se muestre en la página de inicio de una comunidad.

search banner example

Configuración

Nombre Descripción
show on Esto determina en qué páginas aparece el banner
plugin outlet Dónde en la página aparecerá el banner
background image light Imagen de fondo para el banner en paletas de colores claros
background image dark Imagen de fondo para el banner en paletas de colores oscuros
tile background image Repetir la imagen de fondo
show for Quién puede ver el Search Banner (conectado, desconectado o ambos)
special style Variaciones opcionales que cambian la apariencia del banner de búsqueda
Traducción Por defecto
search_banner.headline Bienvenido a nuestra comunidad
search_banner.subhead Estamos encantados de tenerte aquí. Si necesitas ayuda, por favor busca antes de publicar.
search_banner.search_button_text

Para omitir uno de la visualización, deje el campo en blanco.

Estilismo personalizado

El elemento HTML obtiene una clase llamada .display-search-banner dondequiera que aparezca este banner, y el banner en sí está envuelto con la clase .custom-search-banner, por lo que con algo de CSS deberías poder personalizar la apariencia de este banner como mejor te parezca.

Mejoras futuras

  • Añadir una opción para habilitar el banner en categorías específicas

Créditos

:sparkling_heart: Esto toma mucho prestado de @angushttps://meta.discourse.org/t/header-search-theme/67959


:discourse2: ¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Estándar, Business y Enterprise.

83 Me gusta
[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