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

Se desideri selezionare un’immagine diversa dall’OP, aggiungi |thumbnail al markdown.

Questa è un’ottima funzionalità. È inclusa in Discourse 2.7 come menzionato qui? O la sintassi è diversa?

@neil

Consenti di dare priorità alle miniature dei post/argomenti tramite markdown

[david (David Taylor)]

È disponibile in Discourse 2.7 stabile, sì. La sintassi è la stessa

[davidkingham]

Ho un problema molto strano che riguarda solo un membro del mio sito. Alcune miniature non vengono visualizzate, apparentemente in modo casuale. Viene mostrata l’icona predefinita come se non ci fosse immagine, ma per me e per tutti gli altri la miniatura appare correttamente. Ho chiesto a questo utente di controllare la console del browser, ma non c’è nulla di rilevante, e nemmeno nei log. Gli ho fatto provare a cancellare la cache, usare browser e dispositivi diversi e cambiare provider internet. Ho persino fatto in modo che provasse un tema con abilitato solo questo componente. Non importa cosa provi, il problema persiste. Ho anche provato a impersonarlo, ma in quel caso il problema non si verifica per me. Avete altri suggerimenti per la risoluzione del problema? Grazie!

[codinghorror (Jeff Atwood)]

Fagli provare su mobile con il Wi-Fi disattivato, così da non passare per la rete domestica ma per quella cellulare. Questo eliminerà eventuali interferenze dalla sua rete.

Tuttavia, se hai già provato con un “diverso ISP”, forse non è questo il caso.

[bartv (Bart)]

@david

Se desideri selezionare un’immagine diversa dall’OP, aggiungi |thumbnail al markdown.

Non riesco più a far funzionare questa funzione, è forse tornata indietro?

Inoltre, la funzionalità non è facile da scoprire per gli utenti. Sarebbe possibile aggiungere un’opzione per selezionare l’anteprima nella ‘selezione delle dimensioni’ nell’anteprima?

[davidkingham]

Grazie Jeff. Ha provato a usare l’hotspot sul suo telefono e a casa di un amico con un altro provider Internet. Pensavo potesse essere un problema legato alla CDN, quindi ho provato a cancellare la cache della CDN, ma questo non gli ha risolto il problema. Ho anche tentato di impersonarlo utilizzando una VPN ad Atlanta, dove risiede, ma anche questo non ha dato esito positivo. Non sono sicuro di cosa altro provare.

[david (David Taylor)]

@bartv

@david

Se desideri selezionare un’immagine diversa dall’OP, aggiungi |thumbnail al markdown.

Non riesco più a farlo funzionare; è forse stato ripristinato?

Funziona ancora per me. Puoi condividere maggiori dettagli su cosa hai provato e quale risultato stai ottenendo? Ecco cosa ho nel mio OP di test:

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

e la seconda immagine viene correttamente selezionata come miniatura.

@bartv

Sarebbe possibile aggiungere un’opzione per selezionare la miniatura nella selezione delle dimensioni nell’anteprima?

Sono d’accordo che sarebbe carino, ma non penso sia necessario per la maggior parte dei siti. Penso che sarebbe un ottimo componente tema separato.

[bartv (Bart)]

Ah, che imbarazzo, certo che ora funziona..

[Terrapop]

@david

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

Ciao @david,

Ho questo requisito e forse puoi indicarmi come realizzarlo.

A volte abbiamo un argomento che vogliamo condividere sui social media e prepariamo un’immagine da utilizzare come miniatura e per i tag og:image, ma non vogliamo che sia visibile all’interno dell’argomento.

Come potremmo realizzare qualcosa del genere, ad esempio aggiungendo “hide” alle dimensioni e poi aggiungendo una classe al contenitore dell’immagine che applica “display: none;”?

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

[david (David Taylor)]

Forse potresti usare Generic bbcode wrapper for theme components per fare qualcosa come

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

Quindi un po’ di CSS come

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

[Terrapop]

Oh, non lo sapevo. Interessante, grazie!

[davidkingham]

Il banner alert-info sovrappone le miniature: è previsto o è un bug?

[david (David Taylor)]

È in parte intenzionale. Di solito, quella barra si trova sopra le intestazioni delle colonne nell’elenco degli argomenti. L’alternativa sarebbe che la barra “spinga verso il basso” tutti gli argomenti quando appare, il che farebbe saltare l’intera interfaccia utente verso il basso e potrebbe risultare piuttosto fastidioso.

Non sono sicuro del motivo per cui c’è uno spazio di circa 1 px sul lato destro della barra nello screenshot. Potrebbe essere un problema del componente o potrebbe essere legato al tuo CSS del tema personalizzato.

[bartv (Bart)]

È possibile mostrare il numero di like sulle miniature delle card e renderle cliccabili in modo che le immagini possano essere apprezzate direttamente dalla visualizzazione della galleria?

[th21]

L’elenco delle categorie non funziona in modalità mobile, anche quando è selezionata l’opzione “Abilita miniature sui dispositivi mobili”?

[yhmtsai]

Ciao, è piuttosto figo.
È possibile usare un’immagine con hotlink (ad esempio da Imgur) come miniatura?

[ChanTallyagora]

Ciao, ho appena impostato la categoria del blog per utilizzare le categorie di elenco, ma appare in tutte le categorie. Ho commesso qualche errore nelle impostazioni?