Codice personalizzato

[Discourse]

	Riepilogo	Custom Code ti permette di personalizzare il font e i colori per il codice condiviso sul sito.
	Anteprima	Anteprima su Discourse Theme Creator
	Link al Repository	https://github.com/discourse/discourse-custom-code
	Nuovo a Discourse Themes?	Guida per principianti all’uso di Discourse Themes

Installa questo componente del tema

Poiché si tratta di un componente del tema #ufficiale mantenuto dal team di Discourse, le richieste di #supporto, segnalazioni di bug, problemi di ux e richieste di #funzionalità possono essere inviate nelle rispettive categorie qui su Meta, contrassegnate con l’etichetta appropriata del componente del tema. Clicca su uno dei link sottostanti per aprirne uno.

 Supporto  Bug  UX  Funzionalità

Funzionalità

In generale, i font utilizzati per scrivere codice fanno parte della famiglia monospace. I font più noti 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 il 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 personalizzarlo ulteriormente, 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 del testo.
code light	Tema chiaro. Scegli il colore del codice.
code background light	Tema chiaro. Scegli il colore di sfondo del 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 del testo.
code dark	Tema scuro. Scegli il colore del codice.
code background dark	Tema scuro. Scegli il colore di sfondo del 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 nei nostri piani Standard, Business e Enterprise.