| Resumen | Añade una insignia al propietario del tema en sus publicaciones. | |
| Repositorio | https://github.com/VaperinaDEV/author-badge-for-topic-posts | |
| Guía de instalación | Cómo instalar un tema o componente de tema | |
| ¿Nuevo en Temas de Discourse? | Guía para principiantes sobre el uso de Temas de Discourse |
Instalar este componente de tema
Hola ![]()
Con este componente de tema puedes añadir una etiqueta de insignia a las publicaciones del propietario del tema. Es muy útil en temas más grandes porque puedes ver claramente quién es el Creador Original.
Filtro
La estructura del componente permite dirigirse a las vistas móvil y de escritorio por separado. Además, es posible dirigirse a cada categoría por separado y, por lo tanto, personalizar qué insignias de autor aparecen en qué categorías y vistas.
Esto es posible con una configuración del tema:
Debes añadir 3 parámetros para que el componente funcione.
-
tipo-vista
- escritorio
- móvil
-
nombre-categoría
- esta es la categoría a la que quieres dirigirte, por ejemplo, “soporte”
-
etiqueta-autor
- la etiqueta de la insignia, por ejemplo, “Autor”
Ejemplo:
Dado que normalmente hay menos espacio en estos lugares en el móvil, a veces es bueno añadir una versión más corta en el móvil.
Ahora he configurado una insignia de autor para la categoría de discourse que en el escritorio mostrará el texto “Autor” y en el móvil el texto “OP”.
Ok, pero ¿y si quiero usar un texto diferente en las otras categorías? ¿Tienen que configurarse por separado para cada una? Por supuesto que no.
Si dejas vacío tipo-vista o nombre-categoría o ambos… se aplicará globalmente sin anular los existentes.
Ejemplo:
He añadido 2 insignias más que usan el texto “Creador Original” a las otras categorías en el escritorio y usan el texto “Director” en la categoría de vídeos tanto en la vista de escritorio como en la móvil.
Para ello, simplemente deja vacías estas secciones con
escribiendo punto y coma sin espacio
Otro ejemplo si solo quieres usar, por ejemplo, “Autor” para todas las categorías y todos los tipos de vista. Usa lo siguiente:
Dos puntos y coma (sin espacios) y Autor
;;Autor
Lugares
Veamos en qué lugares puedes añadir insignias…
Puedes seleccionar entre 3-3 lugares en la configuración del tema por separado para la vista de escritorio y móvil.
Estas dos configuraciones ![]()
Escritorio
ubicación de la insignia de autor escritorio
- abajo-avatar-usuario
- después-nombres-usuario
- debajo-nombres-usuario
abajo-avatar-usuario (espacio limitado: utiliza el ancho del avatar del tema) (fijo) es mejor elegir una etiqueta más corta
después-nombres-usuario
debajo-nombres-usuario
Móvil
ubicación de la insignia de autor móvil
- abajo-avatar-usuario
- después-nombres-usuario
- arriba-usuario
abajo-avatar-usuario (espacio limitado: utiliza el ancho del avatar del tema) es mejor elegir una etiqueta más corta
después-nombres-usuario (espacio limitado) es mejor elegir una etiqueta más corta
arriba-usuario
Personalización
Finalmente, veamos algunas opciones de personalización.
Aquí puedes personalizar la insignia de autor como colores, estilos de fuente, esquinas…
Por ejemplo:
Este utiliza los siguientes valores.
Estas variables de color pueden no usar los mismos colores en tu sitio, depende del esquema de color que tengas.
Depende de ti qué tipo de insignia de autor genial creas. ![]()















