Miniature dell'elenco degli argomenti

[Discourse]

	Riepilogo	Topic List Thumbnails ti permette di mostrare le miniature dei topic nelle visualizzazioni dell’elenco dei topic.
	Anteprima	Anteprima su Discourse Theme Creator (stile blog) Anteprima su Discourse Theme Creator (griglia) Anteprima su Discourse Theme Creator (elenco) Anteprima su Discourse Theme Creator (masonry) Anteprima su Discourse Theme Creator (griglia minimale)
	Collegamento al Repository	https://github.com/discourse/discourse-topic-thumbnails
	Nuovo a Discourse Themes?	Guida per principianti all’uso di Discourse Themes

Installa questo componente del tema

Poiché questo è un componente del tema #ufficiale mantenuto dal team di Discourse, le richieste di #supporto, segnalazioni di bug, discussioni sull’esperienza utente (ux) e richieste di nuove funzionalità (#feature) possono essere inviate nelle rispettive categorie qui su Meta, contrassegnate con l’etichetta appropriata del componente del tema. Clicca su uno dei collegamenti sottostanti per aprirne uno.

 Supporto  Bug  UX  Funzionalità

Funzionalità

Vengono generate immagini ottimizzate per gli elenchi e vengono rese disponibili diverse risoluzioni per display ad alta densità di pixel (high-dpi). Le immagini vengono caricate in modo lazy mentre scorri (dove è disponibile il supporto nativo del browser).

Per impostazione predefinita, Discourse utilizzerà la prima immagine presente nel primo messaggio (OP) del topic. Se desideri selezionare un’immagine diversa dall’OP, aggiungi |thumbnail al markdown. Ad esempio:

![alttext|100x100](upload://aaa)
![alttext|100x100|thumbnail](upload://bbb) << questa sarà la miniatura

Sono disponibili cinque modalità, configurabili per categoria o etichetta tramite le impostazioni del tema.

Ad esempio:

Modalità griglia:

Modalità masonry:

E modalità elenco:

Consigli e Trucchi

Se desideri che le Oneboxes nei tuoi post generino miniature, dovrai attivare questa impostazione del sito: download_remote_images_to_local. Dovrai anche rifare il baking (rebake) dei post pertinenti.

Impostazioni

Nome	Descrizione
default thumbnail mode	Quale modalità di visualizzazione delle miniature deve essere utilizzata per impostazione predefinita
docs thumbnail mode	Se il plugin docs è abilitato, quale modalità di visualizzazione delle miniature deve essere utilizzata per i topic docs
blog style categories	La visualizzazione in stile blog verrà utilizzata in queste categorie. Questo stile utilizza gli estratti dei topic se abilitati tramite tema o componente del tema
minimal grid categories	La visualizzazione a griglia minimale verrà utilizzata in queste categorie
grid categories	La visualizzazione a griglia verrà utilizzata in queste categorie
masonry categories	La visualizzazione masonry verrà utilizzata in queste categorie
list categories	La visualizzazione a elenco verrà utilizzata in queste categorie
blog style tags
minimal grid tags	La visualizzazione a griglia minimale verrà utilizzata per queste etichette
grid tags	La visualizzazione a griglia verrà utilizzata per queste etichette
masonry tags	La visualizzazione masonry verrà utilizzata per queste etichette
list tags	La visualizzazione a elenco verrà utilizzata per queste etichette
suggested topics mode	Quale modalità di visualizzazione delle miniature deve essere utilizzata per i topic suggeriti? Se lasciata vuota, seguirà l’impostazione ‘enable outside topic lists’.
enable outside topic lists	Abilita le miniature nelle pagine diverse dagli elenchi dei topic (ad esempio attività utente, messaggi personali, topic suggeriti)
placeholder icon	Icona da visualizzare per i topic senza immagini di miniatura
mobile thumbnails	Abilita le miniature sui dispositivi mobili
list thumbnail size	Dimensione di base per le miniature nella visualizzazione ‘elenco’

Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Pro, Business e Enterprise.

[merefield (Robert)]

Wonder where you got the idea for this?

Absolutely fantastic that core is paying more attention to image delivery and presentation. I like the direction!

(If this doesn’t fully replace Topic List Previews, there is now at least potential to eliminate a lot of bespoke API work from it which I won’t have to maintain anymore, great stuff!)

PS I just tested it and one thing that would be quite nice is if Polls generated a thumbnail so the charts could surface …

[Krischan]

@david

If you would like to select a different image from the OP, add |thumbnail to the markdown.

This is a great feature. Does this come with Discourse 2.7 as mentioned here? Or is the syntax different?

@neil

Allow post/topic thumbnails to be prioritized via markdown

[david (David Taylor)]

It’s available in Discourse 2.7 stable, yes. The syntax is the same

[davidkingham]

I have a very odd problem that only applies to one member on my site. Some thumbnails do not display, seemingly randomly. It displays the default icon as if there was no image, yet for myself and everyone else the thumbnail displays. I had him look in his console and there is nothing pertinent, nothing in the logs either. I’ve had him try clearing the cache, trying different browsers and devices, and using a different isp. I even had him try a theme with only this component enabled. No matter what he tries this still happens. I even tried impersonating him and then it doesn’t happen for me. Any other thoughts on troubleshooting this? Thanks!

[codinghorror (Jeff Atwood)]

Have him try on mobile with wifi disabled so he’s not going through his home network, but the cellular network. This will eliminate anything on his network from interfering.

But if you have tried “different ISP” then maybe not.

[bartv (Bart)]

@david

If you would like to select a different image from the OP, add |thumbnail to the markdown.

I can’t get this to work anymore, did this revert perhaps?

Also, the feature is not easy to discover for users. Would it be possible to add an option to select the thumbnail to the ‘size selection’ in the preview?

[davidkingham]

Thanks Jeff, he has tried hotspotting to his phone, and at a friends house with a different ISP. I thought it might be a CDN issue so I tried clearing the CDN cache which did not help him. I also tried impersonating him while using a VPN in Atlanta where he is from which did not help either. I’m not sure what else to try.

[david (David Taylor)]

@bartv

@david

If you would like to select a different image from the OP, add |thumbnail to the markdown.

I can’t get this to work anymore, did this revert perhaps?

It’s still working for me. Can you share some more details about what you tried, and what result you’re seeing? This is what I have in my test OP:

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

and the second image is correctly selected as the thumbnail.

@bartv

Would it be possible to add an option to select the thumbnail to the ‘size selection’ in the preview?

I agree that would be nice, but I don’t think it would be needed for most sites. I think it would make a great separate theme component.

[bartv (Bart)]

Ha, that’s embarrassing, of course it does work now…

[Terrapop]

@david

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

Hi @david,

I have the following requirement and maybe you can point me to how to achieve this.

Sometimes we have a topic that we want to share via social media and we prepare an image for it that should be used as thumbnail and for the og:image tags, but we don’t want it to be visible inside the topic.

How could we realize something like this e.g. add “hide” to the sizes and then a class is added to the image container that applies “display: none;”?

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

[david (David Taylor)]

Maybe you could use Generic bbcode wrapper for theme components to do something like

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

Then some CSS like

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

[Terrapop]

Oh, did not know about this one. Neat, thank you!

[davidkingham]

The alert-info banner overlaps the thumbnails, is this by design or a bug?

[david (David Taylor)]

It’s somewhat by design. Normally, that bar sits on top of the column headings in the topic list. The alternative would be for the bar to “push down” all the topics when it appears, which would make the entire UI jump down, and could be quite jarring.

I’m not sure why there is a ~1px gap on the right hand side of the bar in your screenshot. That could be an issue with the component, or it could be related to your custom theme CSS.

[bartv (Bart)]

Is it possible to show the number of likes on the thumbnail cards + make it clickable so images can be liked straight from the gallery view?

[th21]

list categories is not working on mobile mode even when check Enable thumbnails on mobile devices ?

[yhmtsai]

Hi, it is pretty cool.
Is it possible to use the hotlink figure (from imgur for example) as thumbnail?

[ChanTallyagora]

hi I just set the blog category to use list categories, but it shows in every categories, have I did some wrong set step?