Incorporare un elenco di argomenti Discourse in un altro sito

Ciao,

Mi chiedevo se ci fosse un modo per visualizzare l’avatar dell’autore dell’ultimo post e la categoria dei post, proprio come nella pagina principale del forum, invece di mostrare solo i titoli degli argomenti.

3 Mi Piace

Se passi template=complete, ci sono molte più informazioni nell’embed:

3 Mi Piace

Wow, grazie, sono… troppe informazioni :laughing: C’è qualcosa di intermedio, o dovrei nascondere le informazioni non necessarie con un CSS personalizzato?

Inoltre, questo mostra l’autore dell’argomento, non l’autore dell’ultimo messaggio.

3 Mi Piace

Il modello completo racchiude tutte le informazioni in contenitori, poiché ci si aspetta che ogni sito lo personalizzi con CSS per adattarlo al proprio design.

3 Mi Piace

Questo è fantastico!

È possibile modificarne la larghezza?

2 Mi Piace

È un contenitore fluido: si adatta alla larghezza dell’elemento genitore.

2 Mi Piace

Nel mio sito non funziona. Purtroppo è troppo largo per il div in cui si trova.

2 Mi Piace

Verifica nuovamente il markup, nascondi e posiziona correttamente gli elementi; dovrebbe funzionare in qualsiasi contenitore:

2 Mi Piace

Purtroppo non funziona sul mio sito. Credo che forse le regole CSS del framework responsive lo stiano confondendo. Esiste un modo per modificare la larghezza (ad esempio al 90% del valore attuale, o addirittura di qualche pixel in meno)?

2 Mi Piace

Hai provato a usare il CSS come:

d-topics-list iframe {
    padding: 0 5%;
}

?

2 Mi Piace

Non funziona. Se modifico il tag iframe nella console F12 di Chrome per includere width="100%", però, funziona perfettamente… c’è qualche modo per apportare quella modifica?

2 Mi Piace

Ho aggiunto un esempio su come aggiungere CSS personalizzato all’elenco nell’OP.

4 Mi Piace

Grazie. Ho provato questo. Fa sì che gli argomenti incorporati vengano visualizzati in una griglia. Purtroppo la larghezza della griglia (cioè due argomenti) rimane la stessa di prima, ben lontana dal 100%.

Il CSS sopra (d-topics-list iframe) non modifica affatto l’iframe. Se solo potesse impostarlo su “width: 100%”…

L’ho provato in un documento HTML altrimenti vuoto e risulta comunque stretto. Hai altre idee? :slight_smile:

3 Mi Piace

Adoro questo embed… :sparkling_heart:

Alcuni problemi e una richiesta di funzionalità…:

  • Se aggiungo i parametri allow-create="true" e category="4", quando faccio clic sul pulsante ‘+ Crea nuovo argomento’, il modal/pop-up ‘Aggiungi nuovo argomento’ non si apre. È previsto?
  • Se aggiungo i parametri allow-create="true" e tags="random-tag", quando faccio clic sul pulsante ‘+ Crea un nuovo argomento’, vengo portato all’elenco degli argomenti filtrato per random-tag, ma il menu a tendina dei tag non mostra ‘random-tag’ e quando faccio clic su ‘Aggiungi nuovo argomento’, il tag non è già compilato.
  • Possiamo includere le prime, diciamo, 100 parole del post nel tema completo?
4 Mi Piace

Sarebbe ottimo!

Inoltre, sono ancora molto interessato a risolvere il problema della larghezza… :slight_smile:

2 Mi Piace

Il CSS va aggiunto al tuo sito, non al CSS incorporato di Discourse. Quindi dovresti avere qualcosa di simile a questo:

<html>
  <head>
    <script src="https://jonathan5-discourse.com/javascripts/embed-topics.js"> 
    </script>
    <style>
      d-topics-list iframe{
        width: 100%!important;
        }
    </style>
  </head>
  <body>
    <d-topics-list discourse-url="https://jonathan5-discourse.com" category="5" per-page="5"></d-topics-list>
  </body>
</html>
6 Mi Piace

Grazie mille. Ora sembra ovvio. Sono passato dal non riuscire a stilizzare il CSS interno dell’iframe (provando all’interno del mio sito) al non riuscire a stilizzare l’iframe stesso (provando all’interno di Discourse). Proverò e farò sapere!

Aggiornamento: Il tuo CSS ha funzionato – grazie mille.

4 Mi Piace

L’ho appena provato. Nel mio caso è category=5, poiché è il numero della categoria che sto incorporando. Non mostra la finestra pop-up, ma apre una nuova scheda con l’URL https://forum.example.com/new-topic?category_id=5. Forse hai un’impostazione del browser che blocca questo tipo di “popup”?

2 Mi Piace

Grazie per aver confermato che funziona per te, @Jonathan5. Ho disabilitato il componente del tema discourse-tag-sidebar e ora il pop-up funziona :sunglasses:

3 Mi Piace

Ci darò un’occhiata :eyes:

4 Mi Piace