Azulejos destacados

:discourse2: Resumen Mosaicos destacados agrega 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: ¿Nuevo en los temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente de tema

Funcionalidades

Mosaicos destacados agrega una fila de mosaicos destacados encima de las listas de temas.

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

Hay muchas opciones disponibles para seleccionar la fuente de los temas. Las imágenes se pueden obtener por etiqueta, por categoría o utilizando un período de “temas principales”. Las imágenes pueden estar limitadas a la categoría actualmente vista o provenir de todo el sitio.

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

Configuración

Nombre Descripción
categoría destacada La categoría que contiene los temas destacados. Establecer en 0 para todas las categorías. “Limitar a categoría” anulará esta configuración.
etiquetas destacadas La etiqueta que contiene los temas destacados. Esta debe ser visible públicamente.
fuente de temas Qué algoritmo se debe utilizar para seleccionar los temas
período superior El período de tiempo utilizado cuando “topic_source” está establecido en “top”
aleatorizar temas Aleatorizar la selección y el orden de los temas
mostrar cuando no hay filtro Mostrar en la página más reciente sin filtro
mostrar en categorías Mostrar en las páginas de categorías
mostrar categorías Mostrar los mosaicos al ver estas categorías. En blanco para todas las categorías
número máximo de temas El número máximo de temas a mostrar
limitar a categoría Filtrar los temas a la categoría actual
mostrar en móviles 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 de tema están disponibles para usar en nuestros planes Estándar, Empresarial y Corporativo.

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?