Qual è il modo migliore per creare uno stile di pagina di categoria personalizzato?

Ciao, vorrei creare una pagina di categoria simile a forums.envato.com.

Il titolo e la descrizione della categoria.
Le sottocategorie, se esistono in quella categoria.
Alcuni argomenti di quella categoria.

Come posso ottenere al meglio questo risultato? Con un componente del tema? O posso farlo anche in un tema?

1 Mi Piace

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:

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

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?

1 Mi Piace