| | | |\n|— | — | —|\n|:information_source: | Résumé | Indente / imbrique les catégories ou sous-catégories sélectionnées dans la barre latérale|\n|:hammer_and_wrench: | Dépôt | https://github.com/Lillinator/discourse-nested-categories|\n|: eyeglasses: | Aperçu | Aperçu sur Discourse Theme Creator|\n|:question: | Guide d’installation | Comment installer un thème ou un composant de thème|\n|:open_book: | Nouveau aux thèmes Discourse ? | Guide du débutant pour l’utilisation des thèmes Discourse|\n\n\u003c!-- Remplissez "repoName" et "repoURL" pour le bouton d’installation automatique –\u003e\n\n[wrap=theme-install-button repoName="Discourse Nested Categories" repoUrl="https://github.com/Lillinator/discourse-nested-categories\"]\nInstaller ce composant de thème\n[/wrap]\n\n\u003c!-- Décrivez ce thème/composant en une ou deux phrases –\u003e\n\nIl existe deux façons d’utiliser ce simple composant de thème : sélectionner des catégories ou des sous-catégories à indenter (ou imbriquer) dans la barre latérale ; ou permettre l’indentation de toutes les catégories sauf une liste sélectionnée. La plupart des gens voudront n’indenter que les sous-catégories, bien sûr, pour qu’elles aient l’air imbriquées, mais vous pouvez indenter n’importe laquelle de vos catégories listées. Fonctionne en vue de bureau et mobile, ainsi que dans le menu déroulant de l’en-tête. Merci à @dax pour une partie du code. \n\n\u003c!-- Ajoutez des captures d’écran (si applicable) –\u003e\n\nIl y a 3 paramètres - utilisez uniquement le premier, ou le deuxième et le troisième, selon ce que vous devez faire. \n\n|Paramètre| Description |\n|— | —|\n|indent only select categories | Liste des catégories ou sous-catégories sélectionnées à indenter. |\n|indent all categories except the following | Activez ce paramètre si vous souhaitez indenter toutes les catégories sauf celles de la liste ci-dessous. Le paramètre de liste ci-dessus doit être vide.|\n| categories not to indent | catégories à ne pas indenter |\n\n***\n\n### Captures d’écran des paramètres et des résultats dans la barre latérale\n\nIndenter uniquement les catégories sélectionnées\n\n[details="Résumé"]\nParamètre :\n
Oui !!! C’est un pas de plus vers la possibilité d’utiliser enfin la barre latérale !
Excellent travail, @Lilly !
Cela ne répond pas tout à fait aux besoins de mon instance, cependant. J’ai beaucoup de sous-catégories et seulement quelques catégories - et les sous-catégories sont assez dynamiques.
Ce serait mieux pour notre instance si toutes les catégories + sous-catégories étaient indentées par défaut et que la liste concernait les catégories qui ne devraient pas être indentées.
Hmm, laissez-moi réfléchir à cela - Je vois ce que vous voulez dire. Laissez-moi y jeter un œil, mais je répondrai à votre cas d’utilisation quoi qu’il arrive (avec un composant séparé ou quelques paramètres supplémentaires). Je pensais également inclure un paramètre qui permettrait de formater ou de masquer les puces de sous-catégorie. ![]()
J’ai mis à jour le composant pour permettre la configuration des catégories indentées de la manière opposée - c’est-à-dire, en indentant toutes sauf une liste sélectionnée. J’espère que cela vous aidera dans votre cas d’utilisation. ![]()
C’est formidable dans notre communauté, merci pour cela !
Veuillez mettre à jour ce composant. J’ai poussé une mise à jour mineure aujourd’hui pour corriger un problème où le bouton « Toutes les catégories » était également en retrait si le paramètre indent all categories except the following était utilisé.
Salut Lilly, j’apprécie l’utilisation de ce TC - dans les deux sens !
Mais j’ai une question stupide :
Pourquoi ne pas simplement indenter par défaut toutes les sous-catégories (et aucune catégorie) de ce composant ?
Excellent travail @Lilly !
Y a-t-il un moyen d’ajuster cela pour qu’il fonctionne également avec les sous-sous-catégories ?
Il y aurait donc 2 niveaux d’indentation disponibles.
Par exemple :
Nous avons la catégorie Apprentissage, avec les sous-catégories (Outils d’apprentissage et Guides pratiques), les sous-sous-catégories Jeux et Meilleures pratiques.
(Apprentissage - outils d’apprentissage - jeux) et (Apprentissage - Guides pratiques - Meilleures pratiques)
Ce serait formidable si nous pouvions imbriquer les jeux et les meilleures pratiques de cette façon.
N’est-ce pas inquiétant ?
Salut @Jagster,
Je ne suis pas sûr de comprendre ce que vous voulez dire. Désolé ![]()
Les yeux erreront car rien n’est en lignes droites. C’est pourquoi nous essayons de garder l’espacement, etc. aussi similaires que possible dans les textes, les barres d’outils… Et en même temps, les icônes et les couleurs changent aussi. L’icône de la catégorie principale a une certaine valeur informative, les autres non. Cela ne facilite pas la navigation, mais au contraire. Et tout cela est essentiellement les principales raisons pour lesquelles l’imbrication profonde est une mauvaise idée, peu importe si nous parlons de livres ou du web. De plus, vous perdez un espace précieux et les noms des catégories ne sont plus des noms.
Et si vous avez vraiment une quantité énorme de sujets spécifiques qui vous obligent à utiliser plusieurs catégories principales et au moins autant de sous-catégories, car vous avez beaucoup de sous-sous-catégories (et tout le temps les principales et les sous de premier niveau ne sont que des en-têtes montrant d’autres catégories), cela conduira à une barre latérale si longue que personne ne l’utilisera.
Je déteste dire cela à voix haute, mais cela ressemble totalement aux extraits CSS où les indentations sont utilisées pour montrer la structure logique des paires { }. Ce n’est jamais destiné à la lecture.
Merci d’avoir développé vos pensées ici @Jagster. J’apprécie vraiment vos commentaires.
Vous soulevez de nombreux points pertinents, notamment sur le fait de ne pas créer une barre latérale excessivement longue et sur le fait que les couleurs et les icônes ne s’harmonisent pas.
J’aimerais pouvoir développer les catégories imbriquées comme un accordéon, nous aurions ainsi le meilleur des deux mondes, une barre latérale courte, mais aussi une navigation rapide sur le site.
Je recommanderais de lire ce sujet, en particulier les publications concernant le forum Wix et la simplicité de ses catégories.
Gardez également à l’esprit que vos utilisateurs peuvent personnaliser leurs propres sections de la barre latérale des catégories.
Honnêtement, je ne vois pas comment les sous-sous-catégories fonctionneraient ici avec l’imbrication - cela créerait un peu de désordre visuel, je pense. Je ne suis même pas sûr que ce soit possible à intégrer dans ce composant…
Je viens d’installer ceci sur mon instance et aucune de mes sous-catégories ne s’indente…
Du moins, c’est ce que je pensais. J’ai réglé sur “indenter tout sauf ceux choisis” et j’ai laissé la liste vide.
Je n’avais pas réalisé au début que cela indentait tout, y compris les catégories.
Y a-t-il un moyen de mettre à jour ceci avec une case pour simplement “indenter toutes les sous-catégories” ? Vous pouvez ajouter une liste d’exclusion si vous le souhaitez, mais dans mon cas d’utilisation, je veux toujours que les sous-catégories soient indentées et que les catégories ne le soient jamais.
Pour votre cas d’utilisation, pourquoi ne pas simplement mettre les catégories dans la boîte Catégories à ne pas indenter ?
Je suis d’accord, il serait plus agréable de simplement indenter les sous-catégories. Cependant, à l’époque où @Lilly a développé ce TC, c’était assez difficile à réaliser. Personnellement, je trouve la solution ci-dessus très réalisable, à moins que vos catégories ne soient exceptionnellement dynamiques.
Pendant que j’y suis…
Demande de fonctionnalité - sous-catégories extensibles / repliables
Ceci est discuté ici :
Je me demande si cela pourrait fonctionner comme une extension de ce composant de thème.
Nous pourrions potentiellement avoir un budget à consacrer à cela si quelqu’un est intéressé à unir nos forces.
En passant, j’ai trouvé que le JS que j’ai ajouté (j’ai dû y apporter quelques modifications supplémentaires que je peux partager) fonctionne comme une solution provisoire, dans la mesure où il repli essentiellement les sous-catégories au chargement de la page et permet à l’utilisateur de développer ou de visiter les parentés en injectant une flèche. Le seul problème est que certaines interactions réécrivent complètement la navigation, donc le JS doit réappliquer ses classes pour garder les sous-catégories pliées (par exemple, en interagissant avec le menu hamburger en haut ou sur mobile).
Absolument, c’est ce que je fais. Je ne l’avais juste pas « compris » tout de suite.
C’est juste une corvée pour le moment pendant que je construis un nouveau site car je n’arrête pas d’ajouter des catégories et des sous-catégories. Une fois le développement terminé, les choses seront à peu près statiques.





