Discourse Themes e Theme Components possono essere utilizzati per personalizzare l’aspetto, l’atmosfera e la funzionalità del frontend di Discourse. Questa sezione delle guide per sviluppatori mira a fornire tutti i materiali di riferimento necessari per sviluppare temi semplici per un singolo sito, fino a complessi componenti tema open source.
Questa introduzione mira a fornire una mappa di tutti gli strumenti e le API per lo sviluppo di temi. Se preferisci un tutorial passo passo per lo sviluppo di temi, vai direttamente a:
Temi vs. Componenti Tema
I Discourse Themes possono essere utilizzati per personalizzare l’esperienza utente del frontend utilizzando CSS e JavaScript. Ogni tema ha il proprio repository git e gli amministratori della community possono generalmente installarli e gestirli tramite il pannello di amministrazione di Discourse, anche su piattaforme di hosting condiviso.
I Theme Components sono temi destinati ad essere utilizzati insieme ad altri Theme Components, come parte di un Tema generale. Dal punto di vista dello sviluppo, i Theme Components e i Temi sono quasi identici. In queste guide, le frasi “Tema” e “Componente Tema” sono usate in modo intercambiabile.
Prerequisiti
Innanzitutto, assicurati di capire come utilizzare i temi e i componenti tema esistenti in Discourse. L’utilizzo di temi pronti all’uso è il modo più rapido e sicuro per personalizzare la tua community. Se hai bisogno di altro, è il momento di considerare la scrittura del tuo tema.
Come parte dell’architettura generale di Discourse, i Discourse Themes sono costruiti utilizzando tecnologie standard HTML, CSS, JavaScript e fanno uso di concetti Ember per interfacce utente più avanzate. Queste guide di riferimento presuppongono una comprensione di base di queste tecnologie e rimandano a riferimenti esterni ove possibile.
Discourse è un progetto in rapida evoluzione e, come tale, qualsiasi tema personalizzato richiederà manutenzione nel tempo. Assicurati di tenerne conto come parte dei tuoi processi di pianificazione e sviluppo.
Per iniziare
Personalizzazione del Frontend
Altro!
Dai un’occhiata al resto delle Guide per Sviluppatori !
Questo documento è controllato tramite versione - suggerisci modifiche su github.