Questa è una guida per creare anteprime di link ricche con Onebox in Discourse. Spiega come creare Onebox, usare la Oneboxing inline, evitare la Oneboxing, usare collegamenti ipertestuali e gestire iFrame avanzati.
Livello utente richiesto: Tutti gli utenti
Onebox converte i tuoi link web in utili estratti di anteprima che aiutano a informare i lettori sul contenuto di destinazione prima che facciano clic.
Sommario
Questa guida spiega come:
- Creare Onebox
- Usare la Oneboxing inline
- Evitare la Oneboxing
- Usare collegamenti ipertestuali al posto della Oneboxing
- Gestire iFrame avanzati
Creazione di un Onebox
Per creare un Onebox, incolla semplicemente un link qualsiasi in un post su una riga a sé stante, così:
https://www.google.com/
Questo produce:
Onebox supporta i tag oEmbed e OpenGraph generali e dispone di regole personalizzate per siti popolari come Wikipedia, Twitter, Amazon, YouTube e altri.
Prova a incollare i link nei tuoi post e vedi cosa succede. Ricorda solo che affinché la Oneboxing funzioni, il link deve essere su una riga separata!
Oneboxing Inline
Con l’impostazione del sito enable inline onebox on all domains abilitata (questa funzionalità è abilitata per impostazione predefinita), incollare il link inline con il testo sostituirà il link grezzo con il titolo della pagina, come questo Understanding Discourse Trust Levels
come questo https://blog.discourse.org/2018/06/understanding-discourse-trust-levels/
Evitare la Onebox
Se vuoi che il link appaia come un link grezzo semplice e non decorato, inseriscilo tra parentesi < e >:
<https://blog.discourse.org/2018/06/understanding-discourse-trust-levels/>
In alternativa, puoi inserire uno spazio prima del link o qualsiasi carattere dopo il link.
Utilizzo di collegamenti ipertestuali
Puoi aggiungere un link al tuo testo:
- Usando il pulsante a forma di catena nella barra degli strumenti dell’editor
- Selezionando del testo nel tuo post e incollando un link dagli appunti
- Aggiungendo link Markdown / BBCode / HTML:
[link qui](https://example.com)
[link=https://example.com]link qui[/link]
<a href="https://example.com">link qui</a>
iFrame Avanzati
Per impostazione predefinita, <iframe> è bloccato per motivi di sicurezza. Tuttavia, se gli iframe provengono da origini altamente attendibili, un amministratore di Discourse può aggiungere tale dominio all’impostazione del sito allowed iframes.
Potrebbe anche essere necessario incollare il codice di incorporamento completo, come quello per la mappa sottostante:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d24202.451099423397!2d-74.06201522657554!3d40.68924937923285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25090129c363d%3A0x40c6a5770d25022b!2sStatue+of+Liberty+National+Monument!5e0!3m2!1sen!2suk!4v1533203877892" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
Questo produce:
Risorse aggiuntive
Per ulteriori informazioni e risoluzione dei problemi relativi a Onebox, visita l’argomento correlato di seguito: