Este componente del tema está obsoleto y ya no debería usarse. Sus funciones ahora forman parte de Discourse Core: consulta nuestra documentación para obtener detalles sobre cómo configurar un banner de bienvenida:
 |
Resumen | Advanced Search Banner (Banner de búsqueda avanzada) coloca una barra de búsqueda junto con un titular y un subtítulo opcionales en un banner situado encima de la navegación principal de la lista de temas. |
 |
Vista previa | Vista previa en Discourse Theme Creator |
 |
Enlace al repositorio | https://github.com/discourse/discourse-search-banner |
 |
¿Es la primera vez que usas temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse |
Instalar este componente del tema
Funciones
De forma predeterminada, este banner aparece en todas las páginas de temas de primer nivel (últimos/nuevos/no leídos/populares/categorías… cualquier cosa en la configuración del sitio menú superior), pero también se puede configurar para que solo se muestre en la página de inicio de la comunidad.
Configuración
| Nombre | Descripción |
|---|---|
| mostrar en | Esto determina en qué páginas aparece el banner |
| salida del complemento | Dónde en la página aparecerá el banner |
| imagen de fondo (claro) | Imagen de fondo para el banner en esquemas de colores claros |
| imagen de fondo (oscuro) | Imagen de fondo para el banner en esquemas de colores oscuros |
| repetir imagen de fondo | Repetir la imagen de fondo |
| mostrar para | Quién puede ver el Banner de búsqueda (iniciada sesión, no iniciada sesión o ambas) |
| estilo especial | Variaciones opcionales que cambian la apariencia del banner de búsqueda |
| Traducción | Predeterminado |
|---|---|
| search_banner.headline | Bienvenidos a nuestra comunidad |
| search_banner.subhead | Nos alegra que estés aquí. Si necesitas ayuda, por favor busca antes de publicar. |
| search_banner.search_button_text |
Para omitir alguno de la visualización, deja el campo en blanco.
Estilos personalizados
El elemento HTML recibe una clase llamada .display-search-banner cada vez que aparece este banner, y el propio banner 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 consideres oportuno.
Mejoras futuras
- Añadir una opción para habilitar el banner en categorías específicas
Créditos
Esto se basa en gran medida en el Pavilion Header Search Theme Component de @angus
¿Alojado por nosotros? Los componentes del tema están disponibles para su uso en nuestros planes Standard, Business y Enterprise.