Codice personalizzato

[Discourse]

	Riepilogo	Custom Code ti consente di personalizzare il font e i colori del codice condiviso sul sito.
	Anteprima	Anteprima su Discourse Theme Creator
	Link al repository	https://github.com/discourse/discourse-custom-code
	Novità sui temi di Discourse?	Guida introduttiva all’uso dei temi di Discourse

Installa questo componente del tema

Poiché si tratta di un componente del tema official mantenuto dal team di Discourse, le richieste di #supporto, Contribute > Bug, Contribute > UX e Contribute > Feature possono essere inviate nelle rispettive categorie qui su Meta, taggando con l’etichetta appropriata del componente del tema. Clicca su un link qui sotto per iniziare.

 Supporto  Bug  UX  Feature

Funzionalità

In genere, i font utilizzati per scrivere il codice fanno parte della famiglia monospace. I font più conosciuti sono:

• Inconsolata
• Fira Mono
• Source Code Pro
• Anonymous Pro
• Ubuntu Mono

(Detto questo, questo non impedisce a nessuno di sperimentare con i font più disparati!)

Per cambiare font vai su https://fonts.google.com

• scegli il font che desideri utilizzare
  

  

• e personalizzalo
  

  

• Seleziona EMBED e copia la stringa relativa alla famiglia di font (1) all’interno dell’impostazione del tema Font
  

  

• Copia e incolla la stringa relativa al CSS (2) all’interno dell’impostazione del tema font-family (non aggiungere il carattere ; alla fine della stringa).

Tutte le altre impostazioni dovrebbero essere abbastanza chiare.

Le impostazioni di questo componente sono divise tra tema chiaro e scuro. Se utilizzi entrambi, ricorda di aggiungere il componente a entrambi i temi.

---

Impostazioni

Nome	Descrizione
font	Seleziona un nuovo font da Google Font. A seconda di quello scelto, puoi ulteriormente personalizzarlo, ad esempio Sarabun:300,400,500 . Se non impostato, verrà applicato il font predefinito.
font size	Specifica la dimensione del font da utilizzare. Se non impostato, verrà applicato il font predefinito.
font family	Specifica il font da utilizzare. Se non impostato, verrà applicato il font predefinito.
border radius	Seleziona il raggio del bordo per il tuo codice. Il valore predefinito è 0px.
hljs light	Tema chiaro. Scegli il colore per il testo.
code light	Tema chiaro. Scegli il colore per il codice.
code background light	Tema chiaro. Scegli il colore di sfondo per il codice.
comment light	Tema chiaro. Scegli il colore per i commenti e i doctag.
title light	Tema chiaro. Scegli il colore per titolo, nome e meta
string light	Tema chiaro. Scegli il colore per le stringhe.
number light	Tema chiaro. Scegli il colore per i numeri.
keyword light	Tema chiaro. Scegli il colore per parole chiave, subst, request e status.
class title light	Tema chiaro. Scegli il colore per il titolo all’interno dell’elemento classe.
tag light	Tema chiaro. Scegli il colore per i tag.
attribute light	Tema chiaro. Scegli il colore per gli attributi.
symbol light	Tema chiaro. Scegli il colore per i simboli.
hljs dark	Tema scuro. Scegli il colore per il testo.
code dark	Tema scuro. Scegli il colore per il codice.
code background dark	Tema scuro. Scegli il colore di sfondo per il codice.
comment dark	Tema scuro. Scegli il colore per i commenti.
title dark	Tema scuro. Scegli il colore per titolo, nome e meta.
string dark	Tema scuro. Scegli il colore per le stringhe.
number dark	Tema scuro. Scegli il colore per i numeri.
keyword dark	Tema scuro. Scegli il colore per parole chiave, subst, request e status
class title dark	Tema scuro. Scegli il colore per il titolo all’interno dell’elemento classe.
tag dark	Tema scuro. Scegli il colore per i tag.
attribute dark	Tema scuro. Scegli il colore per gli attributi.
symbol dark	Tema scuro. Scegli il colore per i simboli.

Ospitato da noi? I componenti del tema sono disponibili per l’uso sui nostri piani Standard, Business ed Enterprise.