Incorporare un elenco di argomenti Discourse in un altro sito

Notizie ed Eventi Annunci
59

Non credo che questo sia possibile. Il codice Discourse utilizzato per recuperare gli argomenti estrae solo le liste degli argomenti più recenti. I filtri disponibili di cui sono a conoscenza per ordinare le liste sono replies, views, activity, likes. Potresti provare a ordinare le liste con uno di questi filtri per selezionare gli argomenti migliori. Ad esempio:

<d-topics-list discourse-url="http://localhost:3000" category="14" per-page="5" order="replies"></d-topics-list>

Il font utilizzato nell’iframe è impostato su Discourse. Nell’ultima versione di Discourse sto riscontrando un problema con l’impostazione del font quando incorporo un elenco di argomenti sul mio sito WordPress. Sto testando questa funzionalità in locale, non su un sito di produzione, quindi potrebbe essere correlato al problema. Ciò che sto riscontrando è che questo stile viene passato per il font dell’iframe:

font-family: var(--font-family);

Questo stile è impostato su Discourse, ma WordPress non ha accesso alla variabile, quindi il font viene impostato come Times New Roman sul mio sito. Approfondirò questo problema. (Modifica: il problema con l’impostazione del font è dovuto alle recenti modifiche apportate a Discourse. Provvederemo a risolvere.)

Questo può essere complicato. L’iframe creato si trova all’interno dell’elemento d-topics-list che aggiungi alla pagina. Impostare il valore su una larghezza esplicita nel CSS del mio sito sta funzionando per me. Credo che si possa migliorare:

d-topics-list iframe{
	width: 700px !important;
	margin-left: auto;
	margin-right: auto;
}
6 Mi Piace
61

Nell’angolo in alto a sinistra dell’iframe c’è un numero (ad esempio 110,5 ms) che porta a un link a /embed/topics. C’è un modo per eliminarlo?

Modifica: La risposta è che viene mostrato solo al “sviluppatore di Discourse”: What is this box at the upper left displaying timings in milliseconds when I am logged in as admin? :slight_smile:

7 Mi Piace
75

Ciao! Sto cercando di incorporare i post su un sito WordPress e sono riuscito a far funzionare la parte di incorporamento. Esiste un modo per rendere la visualizzazione mobile un po’ più accattivante? Se i post contengono immagini, il layout delle colonne con le immagini viene schiacciato insieme; una semplice

@media (max-width: 768px) {
	.topics-list .topic-list-item .topic-column-wrapper {
	    flex-direction: column;
	}
}

risolverebbe il problema. C’è la possibilità che venga implementata una soluzione del genere?

Ciao, M

3 Mi Piace
76

Dovresti poter aggiungere il tuo CSS personalizzato qui quando modifichi il tema. C’è una ragione per cui vorresti inserirlo nel core?

2 Mi Piace
77

Oh, non sapevo che questo avrebbe caricato il CSS del tema Discourse! Proviamo e ti faccio sapere!

2 Mi Piace
78

C’è una sezione sotto i temi per l’incorporamento a questo scopo!

4 Mi Piace
79

Ciao, ho già incorporato un elenco di argomenti sul mio sito web, ma ora sto cercando di evidenziare un solo argomento in base all’etichetta. Sono riuscito a incorporare un altro elenco (con per-page=1), ma il problema è che non posso aggiungere classi CSS o ID, quindi non c’è assolutamente alcuna differenza tra il primo elenco e questo.

Ciò significa che anche una cosa semplice come usare un colore di sfondo diverso per uno degli elenchi incorporati è impossibile.

Esiste una soluzione alternativa?

Apprezzerei molto il tuo aiuto.

2 Mi Piace
80

Grazie @eviltrout, aggiungere quel codice a “Embedded CSS” ha risolto il problema!

2 Mi Piace
82

Al momento non è possibile aggiungere regole CSS diverse a diversi embed. Puoi solo aggiungere stili personalizzati che si applicano a tutti gli embed.

4 Mi Piace
83

Sto riscontrando il seguente errore durante l’incorporazione degli ultimi argomenti qui https://vceliquidrecipes.com/

includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:168 POST https://vapingcommunity.co.uk/mini-profiler-resources/results 404

(anonymous) @ includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:168
fetchResults @ includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:169
initPopupView @ includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:763
doInit @ includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:1050
sc.onload.sc.onreadystatechange @ includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:1065
load (async)
load @ includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:1061
init @ includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:1109
deferInit @ includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:1089
setTimeout (async)
deferInit @ includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:1085
init @ includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:1118
(anonymous) @ includes.js?v=f8924c1fd3fbe1787f0bed5c8998b636:1463

Il mio codice di incorporamento è il seguente:

<d-topics-list discourse-url="https://vapingcommunity.co.uk" status="open" order="replies" per-page="10"></d-topics-list>
2 Mi Piace
84

Quegli errori sembrano provenire da mini profiler e probabilmente non sono correlati a ciò che vede un utente normale. Ho visitato il tuo sito e ho visto un elenco di argomenti senza errori.

4 Mi Piace
85

Ah, quindi è normale che appaiano nei log, giusto?

2 Mi Piace
86

Non sono sicuro che sia normale, ma non c’è nulla di cui preoccuparsi. La maggior parte degli utenti non ha accesso a MiniProfiler, quindi probabilmente lo vedi solo quando lo fai tu.

3 Mi Piace
87

Ok, grazie per il tuo aiuto, è molto apprezzato come sempre, continua così col buon lavoro

2 Mi Piace
88

Saluti, grazie per il vostro duro lavoro su questo.

Su Firefox e Chrome, l’elenco non funziona come previsto per noi. Sebbene l’abbiamo configurato per mostrare 10 argomenti, ne mostra solo 4.

Su Chrome, osserviamo questo errore JS quando incorporiamo l’elenco:

Uncaught DOMException: Failed to execute 'postMessage' on 'Window': Invalid target origin '' in a call to 'postMessage'.
    at u (https://rembetiko.gr/assets/embed-application-9cef8308c816fc1d83137e63d6c556c6cc2b68fe2b6e5ce16cca6766ba2c0ae4.js:1:105)
    at window.onload (https://rembetiko.gr/assets/embed-application-9cef8308c816fc1d83137e63d6c556c6cc2b68fe2b6e5ce16cca6766ba2c0ae4.js:1:515)

Curiosamente, questo non succede su Safari.

L’elenco è incorporato in questo sito web: https://rebetiko.sealabs.net (alla fine della pagina, se volete provarlo voi stessi).

4 Mi Piace
89

Qualcuno di voi può riprodurre questo problema? :slight_smile:

CC: @JimPas, @simon, @Vaping_Community

3 Mi Piace
90

Hai 10 link ai topic nella pagina, 6 sono nascosti per qualche motivo, non ho idea di questo errore

Aggiungere un’altezza all’iframe funziona per mostrare i link ai topic nascosti

d-topics-list iframe {
    height: 380px;
    width: 700px !important;
    margin-left: auto;
    margin-right: auto;
}
4 Mi Piace
91

Anche io ho avuto lo stesso problema. A volte sembrava tutto a posto, altre volte l’elenco degli argomenti si interrompeva prematuramente (come se fosse determinato dal numero di pixel anziché dal numero di argomenti) e il carattere non era quello atteso (non ricordo i dettagli). Ho quindi optato per utilizzare il feed RSS di Discourse. Uso solo Chrome e non sospettavo che il problema potesse essere limitato solo a quel browser.

3 Mi Piace
92

Ciao!

C’è un modo per escludere gli argomenti dall’elenco?

2 Mi Piace
93

Forse potresti usare i tag per quello? Tagga gli argomenti che vuoi far apparire nell’elenco e filtra in base a quelli?

5 Mi Piace