Qual é a melhor forma de criar um estilo de página de categoria personalizado?

Olá, gostaria de criar um estilo de página de categoria como o forums.envato.com.

O título e a descrição da categoria.
As subcategorias, se existirem nessa categoria.
Alguns tópicos dessa categoria.

Como posso conseguir isso da melhor forma? Com um componente de tema? Ou posso fazer isso também em um tema?

1 curtida

Parece que eles não usaram um componente público, mas um modelo handlebars personalizado para a lista de categorias.

Uma maneira de obter um visual diferente para a lista de categorias é escolher um estilo padrão que mais se aproxime do que você deseja na configuração do site desktop category page style, por exemplo, Subcategorias com Tópicos em Destaque:

Screenshot from 2022-07-31 20-45-55

E, em seguida, estilizar esse modelo padrão com CSS.

Isso é bastante simples, por um lado. Mas, como o nome da configuração sugere, isso afeta apenas o layout da área de trabalho. Pelo que sei, atualmente existe apenas um layout móvel padrão e ele usa seu próprio modelo de layout. Portanto, essa pode ser uma desvantagem bastante limitante dessa abordagem.

Outra maneira é, de fato, criar seu próprio layout e usá-lo tanto no desktop quanto no mobile. Talvez você possa dar uma olhada em GitHub - discourse/discourse-minimal-category-boxes como um exemplo de como configurar isso em um componente.

Acho que ele apenas insere o novo modelo acima dos padrões no desktop e mobile e os oculta com CSS. Essa seria realmente a abordagem mais simples e recomendada?

1 curtida