Quelle est la meilleure façon de créer un style de page de catégorie personnalisé ?

Salut, j’aimerais créer une page de catégorie similaire à forums.envato.com.

Le titre et la description de la catégorie.
Les sous-catégories s’il en existe dans cette catégorie.
Quelques sujets de cette catégorie.

Comment puis-je y parvenir au mieux ? Avec un composant de thème ? Ou puis-je aussi le faire dans un thème ?

1 « J'aime »

On dirait qu’ils n’ont pas utilisé de composant public mais un modèle handlebars personnalisé pour la liste des catégories.

Une façon d’obtenir un look différent pour la liste des catégories est de choisir un style par défaut qui se rapproche le plus de ce que vous souhaitez à partir du paramètre du site desktop category page style, par exemple Subcategories with Featured Topics :

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

Et ensuite de styliser ce modèle par défaut avec du CSS.

C’est assez simple d’une part. Mais comme le suggère le nom du paramètre, cela n’affecte que la mise en page desktop. À ma connaissance, il n’y a qu’une seule mise en page mobile par défaut pour le moment et elle utilise son propre modèle de mise en page. Cela peut donc être un inconvénient plutôt limitant de cette approche.

Une autre façon est en effet de créer votre propre mise en page et de l’utiliser sur desktop et mobile. Vous pourriez peut-être regarder GitHub - discourse/discourse-minimal-category-boxes comme exemple de la façon de configurer cela dans un composant.

Je pense que cela insère simplement le nouveau modèle au-dessus des modèles par défaut sur desktop et mobile et les masque avec du CSS. Serait-ce l’approche la plus simple et recommandée ?

1 « J'aime »