Anteprime degli argomenti Onebox nell'elenco degli argomenti

Sto cercando di replicare in modo approssimativo il modo in cui Facebook gestisce i collegamenti ipertestuali per i post che pubblichi.
In pratica, mostrano un’anteprima Onebox (o simile) del primo collegamento ipertestuale, insieme ai primi estratti del tuo post.

Ho provato brevemente il plugin Topic List Previews, ma non sembra fare ciò che cerco.

Qualcuno sa come creare il comportamento descritto?

Stai cercando di stilizzare l’elenco dei argomenti o l’argomento stesso?

Hai utilizzato l’impostazione Tiles in TLP? Questo mostrerà una miniatura e un estratto (se disponibile) in uno stile simile a quello di Facebook. Vedi l’esempio: https://rideabl.es

In Discourse, l’unico livello in cui le miniature sono presentate in modo simile ai social media è nell’elenco degli argomenti (e richiede un plugin o TC per farlo, ad esempio TLP, Fakebook o Topic List Thumbnails).

A livello di argomento, potresti dover mantenere le caselle singole, anche se potrebbe essere possibile stilizzarle; non sono mai andato per quella strada.

Grazie. Non avevo ancora provato la modalità a riquadri e sì, sembra funzionare. Ovviamente sono 3 colonne, non una come su Facebook, ma presumo che si possa cambiare? (anche se potrei lasciarlo così com’è, potrebbe essere meglio!)

A proposito, ho provato l’estratto dell'elenco degli argomenti, ma sembra produrre un rendering strano. Ad esempio, mostra l’estratto completamente formattato (inclusi i collegamenti ipertestuali) e inizia anche a cambiare stile in modo casuale (ad esempio, carattere più grande) e/o aggiungere uno spazio iniziale. Sai come potrei risolvere questo problema?

Infine, rideabl.es ha la bella icona/collegamento ipertestuale “apri esternamente” in cima agli argomenti. Il tuo plugin lo fornisce o è di qualcun altro?

Il TLP TC (non un plugin) è completamente responsive: se riduci lo spazio includendo le barre laterali, il numero di colonne diminuisce automaticamente (basta ridurre le dimensioni del browser per testarlo), vedi Pavilion

Consulta il plugin Layouts per aggiungere barre laterali personalizzabili. Ulteriori informazioni: Pavilion

In alternativa, prova Fakebook TC, che ha sempre una sola colonna e include alcune barre laterali integrate.

L’estratto dell’elenco degli argomenti presenta alcuni problemi per tutte le implementazioni perché il serializzatore invia molti dati inutili (ad esempio, include gli anchor delle onebox!). Questo può essere stilizzato in una certa misura: l’ho appena fatto su rideables.

Questa è una funzionalità nativa, già inclusa nell’output di TLP.

Sai come posso ottenere l’accesso a questo? Non viene visualizzato sulla mia installazione di Discourse, praticamente vanilla.

Infine, sai perché la formattazione è un po’ strana anche per le pagine in cui il plugin non è abilitato? Ho notato che le liste/categorie in cui TLP non è abilitato sembrano tutte contenere un’ulteriore spaziatura nella parte inferiore del titolo dell’argomento nelle visualizzazioni a elenco.

Viene generato quando inserisci un link nel titolo (vedi il testo segnaposto).

Il “plugin”, se installato, sovrascriverà i template comunque. Se qualcosa risulta strano, prova a ricalibrarne lo stile (ma verifica che l’impatto sia accettabile per ogni stile) e, se necessario, potrei aggiornare il CSS del plugin; sentiti libero di inviare una pull request. Puoi anche segnalare un bug qui: Pavilion.

OK, ho inserito un URL nel topic e ora vedo anche l’icona del collegamento esterno, così come il modo in cui Discourse ha automaticamente copiato il titolo dalla risorsa collegata.

Purtroppo questo sembra aver bloccato l’anteprima onebox di TLP. Cosa sto sbagliando?

Sto dando un’occhiata al tema Fakebook. Grazie per il consiglio! :ok_hand:

No, non lo ferma. Devi avere pazienza. Il rendering di una miniatura (in realtà un insieme di miniature) è un processo lato server e richiede tempo. Non è istantaneo. Questo vale per tutte le implementazioni. Modificare il frontend non avrà alcun effetto su questo. :).