Questo è un tutorial non tecnico che ti guiderà nella personalizzazione del branding e dell’aspetto del tuo sito Discourse.
Livello utente richiesto: Amministratore
Vuoi personalizzare il branding del tuo sito, ma non sai da dove iniziare? Continua a leggere per scoprirlo!
La procedura guidata di configurazione
Discourse è molto personalizzabile! Un buon punto di partenza per le personalizzazioni del sito è accedere con il tuo account amministratore ed eseguire la procedura guidata di configurazione del sito. 
La procedura guidata ti consente di configurare il titolo del sito, la lingua predefinita e le impostazioni di accesso (pubblico vs privato, registrazione vs invito, e se gli utenti devono essere approvati). Questi sono i primi passi essenziali per far funzionare il tuo sito.
Una volta completata la procedura guidata, puoi personalizzare ulteriormente l’aspetto del tuo sito — loghi, colori, font e altro — dal pannello di amministrazione.
Puoi anteprima le opzioni disponibili direttamente su questa pagina. Clicca sul pulsante «Avanti» quando hai trovato le impostazioni che fanno per te. Non preoccuparti, puoi sempre modificare queste impostazioni in seguito se decidi che non sono quelle che stavi cercando.
Temi del sito
Una volta impostata una configurazione di base, è il momento di personalizzare ulteriormente il tuo sito! 
I temi sono personalizzazioni estese che modificano più elementi dello stile del design del tuo forum e spesso includono anche funzionalità front-end aggiuntive. I temi hanno la capacità di cambiare significativamente l’aspetto e il layout del tuo forum.
La categoria Customization > Theme su Meta ospita una varietà di temi precreati che puoi utilizzare sul tuo sito per personalizzarne l’aspetto. Questo è il posto migliore per cercare un tema da utilizzare sul tuo sito. Vai avanti e scegli un tema che ti piace utilizzare per il tuo sito da questa categoria.
Una volta deciso quale tema utilizzare per il tuo sito, puoi aggiungere il tema al tuo sito dalla pagina Admin -> Personalizza -> Temi (situata su /admin/config/customize/themes). Puoi anche apportare modifiche al tema del tuo sito o persino creare un tema completamente nuovo da questa pagina.
La Guida per principianti all’uso dei temi Discourse è un corso intensivo sui fondamenti dei temi Discourse e fornisce una panoramica su come installare i temi sul tuo sito Discourse. Leggi questa guida per le istruzioni su come installare il tema che hai scelto.
Puoi anche trovare ulteriori informazioni su come utilizzare, creare e condividere i tuoi temi in:
Palette di colori
Puoi personalizzare ulteriormente il sito regolando la sua palette di colori dalla pagina Admin -> Config -> Colors (situata su /admin/config/colors). 
Da qui puoi creare una nuova palette di colori, selezionare una palette esistente da personalizzare e assegnare le palette come schema chiaro o scuro predefinito per il tuo tema.
Seleziona uno schema di colori esistente su cui basare il tuo nuovo schema di colori, quindi personalizza i colori del tuo nuovo schema facendo clic sul colore accanto a ciascuna sezione dei colori:
Non dimenticare di nominare il tuo nuovo schema di colori e salvare le modifiche una volta finito!
Per ulteriori informazioni su come puoi utilizzare le palette di colori all’interno di Discourse, vedere:
Componenti del tema
Simile ai temi, Discourse ha anche i «Componenti del tema» che puoi utilizzare per modificare gli elementi superficiali del design del tuo forum o aggiungere funzionalità front-end extra. Più piccoli e mirati rispetto ai temi completi, possono generalmente (anche se non sempre) essere combinati con altri componenti del tema per creare un design del forum su misura adattato alla tua comunità. 
La categoria Customization > Theme component su Meta contiene tutti i componenti del tema ufficiali e non ufficiali di Discourse. Esamina i componenti del tema elencati lì e, se desideri installarne alcuni sul tuo sito, segui semplicemente le istruzioni qui: L’interfaccia del tema Discourse e come installare i componenti del tema
Alcuni dei componenti del tema Discourse più popolari includono:
interface_color_selector, che può essere impostata per mostrare l’interruttore nel piè di pagina della barra laterale o nell’intestazione.
Branding del sito
Discourse ha una pagina dedicata alla configurazione del logo su Admin -> Aspetto -> Logo (situata su /admin/config/logo) dove puoi gestire tutti i loghi e le icone del tuo sito.
Logo primario- Appare nella navigazione superiore del sito, nonché nella parte superiore delle notifiche email del sito. Le dimensioni consigliate sono 600 × 80 pixel.Logo primario scuro- Alternativa in modalità scura per il logo primario. Le dimensioni consigliate sono 600 × 80 pixel.Icona quadrata- Una versione quadrata dell’immagine del logo che appare nella parte superiore del sito ed è anche il logo dell’app mobile. Le dimensioni consigliate sono 512 × 512 pixel.Favicon- Il logo apparirà come icona nella scheda del browser e nei preferiti/segnalibri del browser.Logo piccolo- L’immagine del logo piccolo in alto a sinistra del tuo sito, visibile quando si scorre verso il basso. Se lasciato vuoto, verrà visualizzata una home glyph. Le dimensioni consigliate sono 120 × 120 pixel.Logo piccolo scuro- Alternativa in modalità scura per il logo piccolo. Le dimensioni consigliate sono 120 × 120 pixel.
Sotto la sezione Mobile:
Logo mobile- Il logo utilizzato sulla versione mobile del tuo sito. Se lasciato vuoto, verrà utilizzata l’immagine dall’impostazionelogo. Usa un’immagine rettangolare larga con un’altezza di 120 e un rapporto d’aspetto superiore a 3:1.Logo mobile scuro- Alternativa in modalità scura per il logo mobile. Usa un’immagine rettangolare larga con un’altezza di 120 e un rapporto d’aspetto superiore a 3:1.Icona Manifest- Immagine utilizzata come logo/schermata iniziale su Android. Se lasciato vuoto, verrà utilizzato large_icon. Le dimensioni consigliate sono 512 × 512 pixel.Screenshot Manifest- Screenshot che mostrano le funzionalità e le funzionalità della tua istanza nella sua pagina di richiesta di installazione (mostrata quando si utilizza «Aggiungi alla schermata Home» su Android). Tutte le immagini devono essere caricamenti locali e avere le stesse dimensioni.Icona Apple touch- Icona utilizzata per i dispositivi Apple touch. Se lasciato vuoto, verrà utilizzato large_icon. Le dimensioni consigliate sono 180 × 180 pixel. Non è consigliato uno sfondo trasparente.
Sotto la sezione Email:
Logo digest- L’immagine del logo alternativo utilizzata nella parte superiore del riepilogo email del tuo sito. Se lasciato vuoto, verrà utilizzata l’immagine dall’impostazionelogo. Usa un’immagine rettangolare larga. Non utilizzare un’immagine SVG.
Sotto la sezione Social media:
Immagine OpenGraph- Immagine opengraph predefinita, utilizzata da molte app e piattaforme per le anteprime dei link web quando una pagina non ha altre immagini adatte. Se lasciato vuoto, verrà utilizzato large_icon.Immagine grande del riepilogo X- Immagine grande del riepilogo della scheda X. Se lasciato vuoto, i metadati della scheda regolare vengono generati utilizzando OpenGraph_image, purché non sia anche un .svg. Le dimensioni consigliate sono almeno 280 × 150 pixel. Non utilizzare un’immagine SVG.
Personalizzazioni aggiuntive
Ora che hai aggiunto un tema personalizzato, una palette di colori, alcuni loghi del brand e forse alcuni componenti del tema al tuo sito, hai completato tutte le personalizzazioni di base del sito! 
Se stai ancora cercando altri modi per personalizzare il tuo sito Discourse, ti consigliamo di leggere uno dei seguenti argomenti che potrebbero interessarti:
