Miniaturas de la lista de temas

:discourse2: Resumen Miniaturas de la lista de temas te permite mostrar miniaturas de temas en las vistas de la lista de temas.
:eyeglasses: Vista previa Vista previa en el Creador de Temas de Discourse (estilo blog)\u003cbr\u003eVista previa en el Creador de Temas de Discourse (cuadrícula)\u003cbr\u003eVista previa en el Creador de Temas de Discourse (lista)\u003cbr\u003eVista previa en el Creador de Temas de Discourse (mampostería)\u003cbr\u003eVista previa en el Creador de Temas de Discourse (cuadrícula mínima)
:hammer_and_wrench: Enlace al repositorio \u003chttps://github.com/discourse/discourse-topic-thumbnails\u003e
:open_book: ¿Nuevo en los temas de Discourse? Guía para principiantes para usar los temas de Discourse

Instalar este componente de tema

Funcionalidades

Se generan imágenes optimizadas para las listas y se ponen a disposición diferentes resoluciones para pantallas de alta densidad de píxeles (high-dpi). Las imágenes se cargan bajo demanda a medida que haces scroll (cuando el navegador lo soporta de forma nativa).

Por defecto, Discourse utilizará la primera imagen en la publicación original (OP) del tema. Si deseas seleccionar una imagen diferente de la OP, añade |thumbnail al markdown. Por ejemplo:

![alttext|100x100](upload://aaa)
![alttext|100x100|thumbnail](upload://bbb) \u003c\u003c esta será la miniatura

Hay cinco modos, configurables por categoría o etiqueta mediante la configuración del tema.

Por ejemplo:

Modo cuadrícula:

Modo mampostería:

Y modo lista:

Consejos y trucos

Si quieres que los Oneboxes en tus publicaciones generen miniaturas, necesitarás activar esta configuración del sitio: download_remote_images_to_local. También tendrás que rebakear las publicaciones relevantes.

Configuración

Nombre Descripción
modo de miniatura predeterminado Qué modo de visualización de miniaturas debe usarse por defecto
modo de miniatura para documentos Si el plugin de documentos está activado, qué modo de visualización de miniaturas debe usarse para los temas de documentos
categorías estilo blog La vista estilo blog se utilizará en estas categorías. Este estilo hace uso de extractos de temas si están habilitados mediante un tema o componente de tema
categorías de cuadrícula mínima La vista de cuadrícula mínima se utilizará en estas categorías
categorías de cuadrícula La vista de cuadrícula se utilizará en estas categorías
categorías de mampostería La vista de mampostería se utilizará en estas categorías
categorías de lista La vista de lista se utilizará en estas categorías
etiquetas estilo blog
etiquetas de cuadrícula mínima La vista de cuadrícula mínima se utilizará para estas etiquetas
etiquetas de cuadrícula La vista de cuadrícula se utilizará para estas etiquetas
etiquetas de mampostería La vista de mampostería se utilizará para estas etiquetas
etiquetas de lista La vista de lista se utilizará para estas etiquetas
modo de temas sugeridos Qué modo de visualización de miniaturas debe usarse para los temas sugeridos. Si está vacío, seguirá la configuración de ‘habilitar fuera de las listas de temas’.
habilitar fuera de las listas de temas Habilitar miniaturas en páginas que no son listas de temas (por ejemplo, actividad del usuario, mensajes personales, temas sugeridos)
icono de marcador de posición Icono a mostrar en los temas sin imágenes de miniatura
miniaturas en móviles Habilitar miniaturas en dispositivos móviles
tamaño de miniatura de lista Tamaño base para las miniaturas en la vista ‘lista’

\u003cbr\u003e

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

92 Me gusta
MD Topic List component
Theme modifiers: A brief introduction
Thumbnail generation & markdown rendering issue
Image_url is null after update
User Card Directory
Pictures in grid page layout
Thumbnail of topic
Amazing customized community
Blog Post Styling
Topic List Previews (legacy)
Topics list in mobile view: excerpt overflows and count/date wraps
Topic List Previews (legacy)
Using onebox images for topic thumbnails
Is there a plugin to make my forum a shop?
Add icons for Views and Replies, and Last Activity date in Topic Cards
[PAID] Modifying Video Upload theme to display topic thumbnails
How to make tiles like in discourse theme category?
Topic List Previews (TLP)
User Portfolio
Topic List Excerpts
Rounded Borders for images, oneboxes, blockquotes & more
Extend Topic List Thumbnails TC with like button
What are good plugins or theme components for a forum emphasizing pictures?
What is the name of this theme?
Developing a component or plugin similar to topic list thumbnails or topic list previews
Set the image used for social network sharing?
Latest list as grid view
Fakebook Theme
I want to create a Theme/Theme component as shown in the picture below!
Customize topic list entries (sorting, grouping, filtering) for better organization
Enabling a plugin for a specific theme only
New Photography Theme
Topic Cards
How do I fix this display?
Thumbnails are missing for our external embeds when using topic-thumbnails
FKB Pro - Social theme
Improve the Follow Feed
FKB Pro - Social theme
Customizing your site with existing theme components
User Portfolio
Is there a way to select a Default Image for Topic List Theme Component?
Topic List Item Click Animation
Blog-style layout affects Tooltips
Discourse Docs
How to display posts as blocks?
How is the "theme" Category acheived in Meta?
Minima Theme
Can the homepage display images within the Topic feed?
Topic List Previews (TLP)
Topic List Previews (legacy)
Is there a Kanban theme for Discourse?
Discussion grid latest
Topic List Previews (legacy)
Topic List Previews (legacy)
How to display posts in grid?
Displaying Views in Topic view (with no replies)
Topic List Previews (legacy)
Group Topics by Category
CASE STUDY: Why a journal category could be the next big growth opportunity for your forum
Blog Post Styling
Topic Cards
Can discourse be used entirely through the APIs to build a flutter app?
Topic List Author
What Will be Best theme for a site like ecommerce
Topic Cards
FKB Pro - Social theme
FKB Pro - Social theme
Migrated my old custom-built trail-journal/blog to Discourse
Help us test Horizon, our newest theme
Alternative post templates
Creating a Unique Gallery Layout for a Category
Photo Competition or Contest - Do We Have Anything?
Display images on the article's front page
How can I make my forum look like this one?
Sharing link to Facebook does not show image (open graph)
Discourse Docs
The pictures are disappear and some Theme component is ineffective
Graceful Theme
How can I make a Discourse forum as "reddit like" as possible
All links to categories broken?
Add an option to list topics by tagging date
Is there like a Reddit style plugin?
How would I able to list topics as boxes
Best way to implement Excerpts in topic list?
MD Topic List Mobile component
Featured Topics
Add Onebox integration; show thumbnail with topic-thumbnails plugin
Topic List Previews (legacy)
Plugin used in theme
Plugin used in theme
Topic List Previews (legacy)
Created Topic Sort
All latest images in posts from a category
How to create a custom button?
Topic Cards
Filter posts with images (gallery view)
[Question/Request] Featured image url for post
Category "Uncategorized" not displayed for globally pinned topics below title
Is there a 'reddit' style discourse theme / plugin?
Blog Post Styling
Potential way to hide ignored users from topic list?

Me pregunto de dónde sacaste la idea para esto. :thinking: :smiley:

Es absolutamente fantástico que el núcleo esté prestando más atención a la entrega y presentación de imágenes. ¡Me encanta la dirección que están tomando!

(Si esto no reemplaza completamente las Vistas Previas de la Lista de Temas, al menos ahora existe la posibilidad de eliminar gran parte del trabajo personalizado con API, que ya no tendré que mantener. ¡Gran trabajo!)

PD: Acabo de probarlo y una cosa que sería muy agradable sería que las Encuestas generaran una miniatura para que los gráficos pudieran aparecer…

37 Me gusta

Esta es una gran característica. ¿Esto viene incluido con Discourse 2.7 como se menciona aquí? ¿O la sintaxis es diferente?

2 Me gusta

Está disponible en Discourse 2.7 estable, sí. La sintaxis es la misma :slight_smile:

4 Me gusta

Tengo un problema muy extraño que solo afecta a un miembro de mi sitio. Algunas miniaturas no se muestran, aparentemente de forma aleatoria. Muestra el icono predeterminado como si no hubiera imagen, pero para mí y para todos los demás la miniatura sí se visualiza. Le pedí que revisara su consola y no hay nada relevante, tampoco en los registros. Le hice probar a borrar la caché, usar diferentes navegadores y dispositivos, y cambiar de proveedor de internet. Incluso le hice probar un tema con solo este componente activado. Sin importar lo que intente, el problema persiste. Incluso intenté suplantar su identidad y el problema no se presenta para mí. ¿Alguna otra idea para solucionar esto? ¡Gracias!

2 Me gusta

Haz que lo pruebe en un móvil con el Wi-Fi desactivado, para que no pase por su red doméstica, sino por la red móvil. Esto eliminará cualquier interferencia proveniente de su red.

Pero si ya has probado con un “proveedor de servicios de internet diferente”, entonces quizás no sea eso.

2 Me gusta

Ya no puedo hacer que esto funcione; ¿quizás se revirtió este cambio?

Además, la función no es fácil de descubrir para los usuarios. ¿Sería posible agregar una opción para seleccionar la miniatura en la ‘selección de tamaño’ de la vista previa?

5 Me gusta

Gracias, Jeff. Él ha probado usar el hotspot de su teléfono y también en casa de un amigo con un proveedor de internet diferente. Pensé que podría ser un problema de la CDN, así que intenté limpiar la caché de la CDN, pero eso no le ayudó. También intenté suplantar su identidad mientras usaba una VPN en Atlanta, de donde es él, pero tampoco funcionó. No estoy seguro de qué más probar.

2 Me gusta

3 publicaciones se dividieron en un nuevo tema: ¿Caché para listas de temas por etiqueta?

En mi caso sigue funcionando. ¿Podrías compartir más detalles sobre lo que intentaste y qué resultado obtuviste? Esto es lo que tengo en mi publicación original de prueba:

![image|690x460](upload://1lGVHoB5KKnftUZoEYVgANxKdWL.jpeg)
![image|612x500|thumbnail](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)

y la segunda imagen se selecciona correctamente como miniatura.

Estoy de acuerdo en que sería agradable, pero no creo que sea necesario para la mayoría de los sitios. Creo que sería un excelente componente de tema independiente.

3 Me gusta

¡Jaja, qué vergüenza, por supuesto que ahora funciona… :facepalm:

3 Me gusta

Hola @david,

Tengo el siguiente requisito y quizás puedas indicarme cómo lograrlo.

A veces tenemos un tema que queremos compartir en redes sociales y preparamos una imagen para usarla como miniatura y para las etiquetas og:image, pero no queremos que sea visible dentro del tema.

¿Cómo podríamos implementar algo así, por ejemplo, añadir “hide” a los tamaños y luego agregar una clase al contenedor de la imagen que aplique “display: none;”?

![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)

3 Me gusta

Quizás podrías usar Generic bbcode wrapper for theme components para hacer algo como

[wrap=hidden]
  ![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)
[/wrap]

Luego, algún CSS como

div[data-wrap="hidden"]{
  display: none;
}
10 Me gusta

¡Oh, no sabía esto! Genial, ¡gracias!

3 Me gusta

El banner alert-info se superpone a las miniaturas, ¿es esto intencional o un error?

3 Me gusta

Es algo intencional. Normalmente, esa barra se sitúa encima de los encabezados de las columnas en la lista de temas. La alternativa sería que la barra “empujara hacia abajo” todos los temas al aparecer, lo que haría que toda la interfaz de usuario se desplazara hacia abajo y podría resultar bastante molesto.

No estoy seguro de por qué hay un espacio de aproximadamente 1 px en el lado derecho de la barra en tu captura de pantalla. Podría ser un problema con el componente o podría estar relacionado con tu CSS de tema personalizado.

4 Me gusta

¿Es posible mostrar el número de “me gusta” en las tarjetas de miniaturas y hacerlas clicables para que las imágenes puedan recibir “me gusta” directamente desde la vista de la galería?

4 Me gusta

¿La lista de categorías no funciona en modo móvil, incluso cuando se marca la opción Habilitar miniaturas en dispositivos móviles?

2 Me gusta

¡Hola, es bastante genial! ¿Es posible usar una imagen con hotlink (de Imgur, por ejemplo) como miniatura?

2 Me gusta

Hola, acabo de configurar la categoría del blog para usar listas de categorías, pero aparece en todas las categorías. ¿He cometido algún error en los pasos de configuración?

2 Me gusta