 |
Resumen | Presenta a un usuario como un banner en la parte superior de tu sitio |
 |
Vista previa | Theme Creator |
| : hammer_and_wrench: | Repositorio | GitHub - NateDhaliwal/discourse-featured-user: Shows a banner at the top of the site to feature a user for a timeframe. |
| : question: | Guía de instalación | Cómo instalar un tema o componente de tema |
| : open_book: | ¿Nuevo en temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse |
Instalar este componente de tema
Descripción general
Este componente permite a los administradores destacar a un usuario junto con sus estadísticas como un banner en la parte superior del sitio durante un período de tiempo específico. Los administradores pueden elegir qué estadísticas mostrar, junto con una razón para destacar al usuario (por ejemplo, conducta ejemplar, promoción a TL4/Moderador, etc.). Incluso puedes colocar un ícono junto al nombre de usuario en la tarjeta de usuario y en las publicaciones.
Capturas de pantalla
Banner con todas las estadísticas (si deseas todos los datos)
Banner con algunas estadísticas (si deseas un equilibrio)
Banner sin estadísticas (si deseas poner más énfasis en la descripción)
Descripción completa
Este componente es probablemente uno de mis más complicados hasta ahora. Muestra o destaca a un usuario en la parte superior de la página. Los administradores pueden configurar cuánto tiempo se muestra el banner (fechas como duración), qué estadísticas del usuario mostrar y qué descripciones acompañan al banner (hay 2 espacios, se permite HTML).
También hay una opción para mostrar un ícono especial (el nombre del ícono, el color y el texto del tooltip se pueden configurar) junto al nombre de usuario en las publicaciones y en la tarjeta de usuario, así:
Publicación (con tooltip[1][2]):
Tarjeta de usuario (el tooltip también funciona aquí):
El banner se muestra por defecto solo en la página de inicio, pero los administradores pueden cambiarlo para que se muestre en todas las páginas.
Este componente se puede utilizar para anunciar nuevos TL4, Moderadores, etc.
CONSEJO: Puedes usar
<a class="mention">username_here</a>en el texto del banner para crear burbujas de @mención, sin notificar al usuario objetivo, mientras sigues mostrando la tarjeta de usuario al hacer clic.
Asegúrate de introducir el nombre de usuario correcto y no el nombre. Tampoco introduzcas un usuario que haya ocultado su perfil público. No hacerlo (o hacerlo) causará una carga infinita y muchos errores, posiblemente incluso limitación de tasa.
Reutilicé los componentes UserStat y UserProfileAvatar de la página de resumen de usuario, ¡y es increíble que permita a los desarrolladores simplemente reutilizar componentes!
Configuración (prepárate, hay mucha)
| Nombre de la configuración | Descripción de la configuración | Valor predeterminado |
featured_user |
El nombre de usuario de la persona que deseas destacar | NA |
featured_user_banner_text_above |
El texto encima del banner para describir lo que ha hecho el usuario (se admite HTML) | NA |
featured_user_banner_text_below |
El texto debajo del banner para describir lo que ha hecho el usuario (se admite HTML) | NA |
featured_user_banner_text_align |
Cómo debe alinearse el texto del banner (izquierda, derecha o centro) | center |
auto_resize_banner |
Ajustar automáticamente el ancho del banner para que se ajuste al número de elementos | false |
featured_user_banner_display_start_date |
La fecha en que comenzará a mostrarse el banner; el formato es AAAA-MM-DD | 1900-01-01 |
featured_user_banner_display_end_date |
La fecha en que dejará de mostrarse el banner; el formato es AAAA-MM-DD | 2100-01-01 |
featured_user_banner_display_on_homepage |
Mostrar el banner solo en la página de inicio. Desmarcar esto mostrará el banner en todas las páginas | true |
featured_user_banner_border_color |
El color del borde del banner (se permiten variables CSS y códigos hexadecimales) | var(--primary) |
featured_user_banner_border_roundness |
La redondez del borde del banner, en px | 3 |
featured_user_banner_border_thickness |
El grosor del borde del banner, en px | 10 |
featured_user_show_featured_icon_in_user_card |
Mostrar un ícono en la tarjeta de usuario junto al nombre de usuario mientras el usuario está destacado | true |
featured_user_featured_icon_in_user_card |
El ícono a mostrar para la configuración anterior | award |
featured_user_featured_icon_color_on_user_card |
El color del ícono para el ícono anterior | var(--gold) |
display_total_likes_given |
Mostrar el total de “me gusta” dados por el usuario | true |
display_total_likes_received |
Mostrar el total de “me gusta” recibidos por el usuario | true |
display_total_post_count |
Mostrar el total de publicaciones realizadas por el usuario | false |
display_total_topic_count |
Mostrar el total de temas creados por el usuario | false |
display_total_read_time |
Mostrar el tiempo total de lectura del usuario | false |
display_total_days_visited |
Mostrar el número total de días visitados por el usuario | false |
display_gamification_score |
Mostrar la puntuación de gamificación del usuario | false |
Traducciones de temas
| Nombre de la traducción | Descripción | Predeterminado |
user.featured_user_icon |
Texto del ícono tooltip al pasar el ratón | “¡Este usuario ha sido destacado!” |
Es posible que mejore esto para admitir la presentación de múltiples usuarios en lugar de solo uno.
Por favor, publica cualquier error o problema que encuentres. Estoy abierto a cualquier comentario que tengas.
¡Espero que esto ayude a alguien!
