¡Este componente viene con una variedad de ajustes!
Nombre
Descripción
mostrar en
Elige mostrar tu banner en la página de inicio, listas de temas o todas las páginas
enlaces del banner
Agrega de 1 a 4 enlaces con iconos de Font Awesome y texto (es posible que también necesites agregar iconos que no están incluidos en Discourse por defecto a la configuración svg_icons)
nivel de confianza máximo
Muestra el banner solo a usuarios en niveles de confianza específicos
ocultar para personal
ocultar en móvil
diseño
Texto a la izquierda (predeterminado) o texto arriba
salida de plugin
te permite cambiar dónde se renderiza el banner, si estás usando la barra lateral, prueba above-main-container
ocultar para anónimos
Oculta el banner a los usuarios que no han iniciado sesión
se puede descartar
Permite a los usuarios hacer clic en una x para ocultar el banner
imagen de fondo del banner
Elige una imagen para mostrar detrás del banner
repetición de fondo del banner
Configura el comportamiento de repetición de la imagen de fondo
tamaño de fondo del banner
Ajusta el tamaño de tu imagen de fondo usando CSS (más información)
color de fondo del banner
¿No hay imagen de fondo? ¡Usa un color sólido!
color de fondo de la caja del banner
color del texto del banner
color del icono del banner
color del enlace del banner
Traducciones
Predeterminado
meta_banner.welcome
¡Bienvenido a nuestra comunidad!
meta_banner.subtitle
Únete a la conversación y recuerda ser amable.
¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Pro, Business y Enterprise.
Si estás usando la barra lateral experimental, he añadido una configuración (plugin outlet) que hará que el banner de bienvenida aparezca encima del contenido pero no encima de la barra lateral. Simplemente cambia esa configuración a above-main-container.
Cambiar esa configuración hará que el banner aparezca a la derecha de la barra lateral, como lo hace nuestro banner aquí en Meta:
En el escritorio, puede borrar el elemento de localStorage aquí, discourse_dismissedWelcomeLinkBanner.
Presiona F12 para abrir la consola del navegador → ve a la pestaña Application → En el panel izquierdo, haz clic en Local Storage y luego en tu sitio web → Busca la clave discourse_dismissedWelcomeLinkBanner y elimínala.
¡Eso es todo! Puedes actualizar y el banner debería aparecer de nuevo.
Mi pregunta puede parecer estúpida, pero no soy programador. Instalé el componente CSS Classes for Current User's Groups. Si quiero mostrar 3 opciones de banner para tres grupos diferentes, ¿debería instalar tres copias del componente Welcome Link Banner? Entonces, ¿cómo debería estilizar el CSS si quiero:
Para el grupo A, se mostrara banner-A, para el grupo B, se mostrara banner-B y para el grupo C, se mostrara banner-C? ¿Podrías dar un ejemplo?
Gracias de antemano por tu respuesta
Gracias, esto funciona si quiero ocultar un banner para un grupo específico, pero no sé cómo mostrar diferentes banners con diferente contenido para diferentes grupos.
Si desea pancartas diferentes, eso requerirá más de una copia del componente de pancarta de enlace de bienvenida (no del componente de grupo CSS). También puede que desee aplicar CSS diferente para mostrar en lugar de ocultar.
Es posible que desees ocultarlo para todos primero, luego usar display: block para grupos seleccionados. Lo que deseas probablemente se puede lograr de más de una manera: ocultar para todos y luego mostrar para algunos, u ocultar para algunos.
¿Tendrás que bifurcar el componente banner para cada uso? Probablemente sea mejor aprender CSS básico y desarrollo de componentes temáticos para este tipo de casos de uso fuera de alcance.
Me gustaría usar este banner porque es simple y limpio. ¿Está bien usarlo para promocionar la aplicación de mi empresa en lugar de como un banner de bienvenida?
Estoy pensando en configurar el enlace a una URL desde la que se pueda descargar desde la App Store. ¿Hay algún problema con esto también?
¿Puedo cambiar la parte de “¡Bienvenido a nuestra comunidad!”?
| Resumen | Welcome Link Banner es un banner simple que te permite agregar texto personalizado y de 1 a 4 enlaces.
| Vista previa | Vista previa en Discourse Theme Creator |
| Enlace del repositorio | https://github.com/discourse/discourse-welcome-link-banner
| ¿Nuevo en los temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse
¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Pro, Business y Enterprise.
Si instalas este componente temático, deberías poder usar CSS para lograr lo que deseas.