Sembra che non abbiano utilizzato un componente pubblico ma un modello handlebars personalizzato per l’elenco delle categorie.
Un modo per ottenere un aspetto diverso per l’elenco delle categorie è scegliere uno stile predefinito che si avvicini il più possibile a ciò che desideri dall’impostazione del sito desktop category page style, ad esempio Subcategories with Featured Topics:
E quindi stilizzare quel modello predefinito con CSS.
Da un lato, è abbastanza semplice. Ma come suggerisce il nome dell’impostazione, ciò influisce solo sul layout desktop. Per quanto ne so, al momento esiste un solo layout mobile predefinito e utilizza il proprio modello di layout. Quindi, questo potrebbe essere uno svantaggio piuttosto limitante di questo approccio.
Un altro modo è effettivamente creare il proprio layout e utilizzarlo sia su desktop che su mobile. Potresti dare un’occhiata a GitHub - discourse/discourse-minimal-category-boxes come esempio di come impostare questo in un componente.
Penso che inserisca semplicemente il nuovo modello sopra quelli predefiniti su desktop e mobile e li nasconda con CSS. Sarebbe questo l’approccio più semplice e consigliato?