Personalização no discurso?

Não para tudo, mas para implementar qualquer design mais personalizado, acho que você precisará escrever código. Meus passos recomendados seriam:

  • Aprenda a usar o Theme CLI gem que @Canapin já mencionou. Este pode ser um primeiro passo assustador, mas se algo vai fazer você se apaixonar pela personalização do Discourse, é essa pequena joia! É como uma varinha mágica para designers :sparkles: Sem ela, você provavelmente sentirá atrito em cada etapa do caminho.
  • Pratique a implementação de estilos usando propriedades personalizadas de CSS.

Acho que os guias não estão atualizados a esse respeito. Há muito a ser feito para um sistema verdadeiramente consistente de tokens de design, mas o Discourse já percorreu um longo caminho! Descobrir onde e como as propriedades personalizadas são usadas o ajudará muito a entender as melhores práticas para a parte frontal do front-end do Discourse.

Você pode encontrar propriedades personalizadas usando o inspetor do seu navegador, ou olhar esta lista para uma primeira impressão: Documentando propriedades personalizadas. E você pode estilizar modelos recentes, como a barra lateral, quase inteiramente com propriedades personalizadas.

  • Como @denvergeeks sugeriu, você poderia dar uma olhada no modelo de tema Canvas. O que ele faz é adicionar um conjunto de propriedades personalizadas para estilização de layout que não estão disponíveis no núcleo.
3 curtidas