Azulejos destacados

||||
-|-|
:discourse2: | Resumen | Featured Tiles añade una fila de mosaicos destacados encima de las listas de temas.
| :eyeglasses: | Vista previa | Vista previa en Discourse Theme Creator
:hammer_and_wrench: | Enlace al repositorio | https://github.com/discourse/discourse-featured-tiles
:open_book: | ¿Novato en los temas de Discourse? | Guía básica para usar temas de Discourse

Instalar este componente del tema

Funciones

Featured Tiles añade una fila de mosaicos destacados encima de las listas de temas.

Al pasar el cursor sobre ellos, se mostrarán el título del tema y el autor:

Hay muchas opciones disponibles para seleccionar la fuente de los temas. Las imágenes pueden obtenerse por etiqueta, por categoría o utilizando un período de tiempo de ‘temas principales’. Las imágenes pueden limitarse a la categoría que se está viendo actualmente, o provenir de todo el sitio.

Se añade una configuración en las preferencias de la interfaz de usuario que permite a los usuarios ocultar el banner en el dispositivo actual.

Configuraciones

| Nombre | Descripción
|-|
| categoría destacada | La categoría que contiene los temas destacados. Establecer en 0 para todas las categorías. ‘Limitar a la categoría’ anulará esta configuración.
| etiquetas destacadas | La etiqueta que contiene los temas destacados. Esto debe ser visible públicamente.
| fuente del tema | Qué algoritmo se debe usar para seleccionar los temas
| período principal | El período de tiempo utilizado cuando “fuente_del_tema” está configurado como “principal”
| aleatorizar temas | Aleatorizar la selección y el orden de los temas
| mostrar sin filtrar | Mostrar en la página más reciente sin filtrar
| mostrar en categorías | Mostrar en las páginas de categorías
| categorías a mostrar | Mostrar los mosaicos al ver estas categorías. Dejar en blanco para todas las categorías
| número máximo de temas | El número máximo de temas a mostrar
| limitar a la categoría | Filtrar los temas a la categoría actual
| mostrar en móvil | Mostrar en dispositivos móviles

| Traducción | Valor predeterminado
|-|
| preference_header | Banner de temas destacados
| preference_description | Mostrar el banner de temas destacados en este dispositivo
|


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

38 Me gusta

¡Guau!

¡Esto es increíble! Atraerá aún más clics en mi foro.

@david aunque no fue seleccionado, aparece en la página de categorías. Además, si un tema no tiene imágenes, ¿podemos configurar una imagen predeterminada?

Captura de Pantalla 2020-07-12 a las 17.07.12

Edición: un miembro me dijo que solo funciona en MacOS, porque él no puede ver nada.

un tema agradable y funcional :v:.

¿En qué se diferencia de Homepage Feature Component? ¿Es solo cuestión de estilo o hay diferencias más profundas?

1 me gusta

Principalmente es el estilo. Además, el componente de característica de la página de inicio está diseñado únicamente para usarse en la página de inicio. Este funciona en un par de lugares más.

3 Me gusta

¿Podrías pedirle al miembro que revise la consola de errores de su navegador? Y también que nos informe qué navegador está utilizando.

Firefox

Chrome

Ese error parece provenir de otro componente del tema. ¿Podrías intentar desactivarlos uno por uno?

4 Me gusta

Hola,

Con esta configuración, las fichas deberían aparecer en todas las páginas de categorías, ¿verdad? Mi etiqueta destacada es “destacado”, pero las fichas no se muestran en la página de categoría.

2 Me gusta

¿Es lo mismo que el tema Vistas previas de la lista de temas?

No, no es lo mismo. El “Componente de tema de mosaicos destacados” en este tema es mantenido oficialmente por el equipo de Discourse y solo ofrece lo que se ve en la captura de pantalla. “Vistas previas de la lista de temas” es un plugin y/o tema de terceros con un diseño y conjunto de funciones diferentes.

2 Me gusta

Me encanta esto.

¿Hay alguna manera de que solo extraiga de los temas que tienen fotos/imágenes? De lo contrario, parece bastante discordante cuando hay una fila de cuadros grises vacíos y una foto ocasional.

Gracias,
Ray

2 Me gusta

@david ¿cómo puedo aumentar la calidad de las imágenes y, probablemente, su tamaño a 180x80? Gracias.

Debería estar usando imágenes de 200x200 en pantallas normales, escalando automáticamente a 400x400 en pantallas de alta densidad de píxeles (HiDPI).

¿Estás viendo algo diferente?

¿Puedo enviarte un mensaje privado? Mi foro tiene restricción de edad.

1 me gusta

Gracias por el enlace. Al revisar el sitio, el problema es que las imágenes están en formato vertical. Por lo tanto, estamos ajustando una imagen de 3072x4608 píxeles a un cuadrado de 200x200, lo que resulta en 133x200. Luego, estamos ‘rellenando’ un cuadro de 222x150 con ella. Así que estamos mostrando una imagen de 133 píxeles de ancho en un espacio de 222 píxeles de ancho.

Una solución aquí es dejar de ‘rellenar’ el banner con la imagen y, en su lugar, ‘ajustarla’. Esa es la aproximación que usamos en las miniaturas de la lista de temas:

Agregar una nueva configuración al componente del tema para esto sería pr-welcome si alguien quisiera trabajar en ello.

7 Me gusta

Esto se ve genial, me gusta que las fichas no saturen la interfaz. Tengo un par de preguntas sobre su configuración.

No he logrado que las fichas destacadas aparezcan en mis páginas de categorías, solo en la página principal. Mi configuración está a continuación (con los nombres de mis categorías tachados, ya que no queremos compartirlos por ahora). ¿Me estoy perdiendo algo aquí?

Configuración actual

Mi segunda pregunta: ¿hay alguna forma de establecer imágenes predeterminadas para las fichas, en lugar de las extraídas de los temas? A menudo tendremos temas destacados que no tienen imágenes, pero aun así queremos que se vean bien. Si no existe una opción integrada actualmente, ¿significaría eso modificar el CSS o el JS?

2 Me gusta

¡Hola David!

Componente de tema increíble. Como otros han preguntado, ¿hay alguna forma de agregar imágenes predeterminadas para los temas sin fotos?

Es decir, Featured1.img, Featured2.img si no se detecta ninguna imagen.

También tengo un problema con el Componente al reconocer una etiqueta que es visible para todos, pero dice que no puede encontrar la etiqueta cuando intento agregarla.

1 me gusta

¿Hay un tipo de imagen específico (.jpg, .png, .tiff) con el que esto funciona? Las imágenes no se muestran en 2 de los 3 temas que etiqueté, aunque el tema en sí aparece.


SO - Mac 10.15.7 (Tanto la versión de Chrome, Safari como la de iOS parecen iguales)

1 me gusta

el tema muestra un banner gris en blanco al activarse en el sitio:

aunque la opción de etiqueta está seleccionada y hay algunos temas en la etiqueta destacada.

De acuerdo. Todavía me pregunto si existe un método alternativo para buscar una imagen en todo el tema, por si hay alguna. ¿O solo tomará la del primer mensaje?