Discourse Themes e Theme Components (Componentes de Tema) podem ser usados para personalizar a aparência, o estilo e a funcionalidade do frontend do Discourse. Esta seção dos guias do desenvolvedor visa fornecer todos os materiais de referência necessários para desenvolver temas simples para um único site, até componentes de tema complexos de código aberto.
Esta introdução visa fornecer um mapa de todas as ferramentas e APIs para o desenvolvimento de temas. Se você prefere um tutorial passo a passo para o desenvolvimento de temas, vá direto para:
Temas vs. Componentes de Tema
Discourse Themes (Temas do Discourse) podem ser usados para personalizar a experiência do usuário do frontend usando CSS e JavaScript. Cada tema tem seu próprio repositório git, e os administradores da comunidade geralmente podem instalá-los e gerenciá-los através do painel de administração do Discourse, mesmo em plataformas de hospedagem compartilhada.
Theme Components (Componentes de Tema) são temas destinados a serem usados em conjunto com outros Componentes de Tema, como parte de um Tema geral. Do ponto de vista do desenvolvimento, Componentes de Tema e Temas são quase idênticos. Nestes guias, a frase “Tema” e “Componente de Tema” são usadas de forma intercambiável.
Pré-requisitos
Primeiramente, certifique-se de entender como usar temas e componentes de tema existentes no Discourse. Usar temas prontos é a maneira mais rápida e segura de personalizar sua comunidade. Se você precisar de mais, é hora de considerar escrever seu próprio tema.
Como parte da arquitetura geral do Discourse, os Temas do Discourse são construídos usando tecnologias padrão HTML, CSS, JavaScript e utilizam conceitos Ember para UIs mais avançadas. Estes guias de referência pressupõem um nível básico de compreensão dessas tecnologias e fornecem links para referências externas sempre que possível.
Discourse é um projeto em rápida evolução e, como tal, qualquer tema personalizado exigirá manutenção ao longo do tempo. Certifique-se de considerar isso como parte de seus processos de planejamento e desenvolvimento.
Primeiros Passos
Customização do Frontend
Mais!
Confira o restante dos Guias do Desenvolvedor !
Este documento é controlado por versão - sugira alterações no github.