In the Category list layout subcategories show up with their colour blob and, if restricted access, the lock icon before the title.
In the Category boxes layout then neither colour blob, nor lock icon show up, but if a logo is defined for the subcategory then it is shown (reduced to 20px by default).
This is inconsistent. There should at very least be an option to match the normal (list) appearance for the subcategory titles. Ideally there would also be the option to display the logo in the list layout as well.
Or even a plugin-outlet to enable us to modify this illogical behaviour (I’ve been looking and can’t find one - if there is please what is it?)
Remarquez que certaines de mes sous-catégories ont des images de logos définies et qu’elles s’affichent.
La disposition gaspille beaucoup d’espace : le logo de catégorie est limité à 40 px, mais il est centré au-dessus du titre. Les logos des sous-catégories ne respectent pas leur rapport d’aspect (les calculs de --aspect-image ne fonctionnent pas et sont de toute façon inutiles ; si vous définissez simplement une hauteur, le rapport d’aspect sera respecté s’il y a de la place.).
Les logos des sous-catégories sont également un peu trop grands, ce qui force un espace entre les lignes.
Le logo flotte à gauche du titre, qui est centré dans l’espace restant.
Les sous-catégories s’affichent une par ligne avec une bande de couleur et une icône de cadenas, mais les logos des sous-catégories ne sont pas affichés (ce qui est cohérent avec la configuration par défaut).
Dans une boîte, je ne pense pas qu’il soit logique d’essayer de caser deux courts titres de sous-catégories sur une seule ligne s’il y a de la place ; cela semble mieux avec une ligne séparée pour chacune, même si d’autres pourraient préférer les serrer s’il y a beaucoup de sous-catégories.
Les logos des sous-catégories s’affichent à 18 px de hauteur avec le bon rapport d’aspect à la fin du titre. C’est optionnel et ils pourraient être positionnés entre l’icône de cadenas et le texte, mais je préfère que les bandes et les titres soient alignés.
Il serait également logique d’avoir l’option d’utiliser les logos des sous-catégories dans les autres dispositions par défaut, mais je n’ai pas pris la peine de les modifier.
Ici, j’utilise également le composant Category Icons (une icône n’est définie que sur la sous-catégorie Niki Test), donc la position de la bande est légèrement décalée pour aligner l’icône avec elle, et la couleur de l’icône correspond à celle de la bande, ce qui l’utilise efficacement à la place de la bande — mais ce sont des modifications apportées à ce composant, pas au cœur du système.
Enfin, voici comment cela s’affiche lorsque les boîtes de sous-catégories sont montrées au-dessus des sujets de la catégorie parente, si cette option est activée.
Évidemment, pour le moment, il n’y a pas de catégories enfants à afficher, mais cela devra être pris en compte. De plus, il pourrait être préférable de flotter le logo verticalement lorsqu’il y a un titre vraiment long — ou mieux encore, de simplement garder les titres de catégorie courts !
Il s’agit donc d’un mélange de HTML/text/x-handlebars dans /head pour le thème, remplaçant efficacement “components/categories-boxes”, ainsi que de SCSS. Je suis heureux d’envoyer le code à toute personne compétente pour le tester et l’intégrer sur GitHub.
Cela fonctionne bien pour mon site, mais il peut y avoir d’autres conséquences que je n’ai pas remarquées.
Je comptais examiner cette mise en page cette semaine pour essayer d’intégrer un troisième niveau de sous-catégories, afin de vérifier la cohérence en même temps.
Je viens de pousser une mise à jour avec quelques avancées initiales.
Les sous-sous-catégories sont quelque peu hors sujet ici, mais elles sont en cours de développement et influenceront le style de cette page à l’avenir… c’est pourquoi je les inclus. Je ne suis pas tout à fait satisfait de cette approche pour plusieurs raisons, mais la mise en page est délicate.
Étant donné que le contenu de ces boîtes peut varier considérablement, nous pourrions vouloir tronquer les sous-sous-catégories à un moment donné… ou effectuer des calculs de hauteur en JS pour appliquer une mise en page de type maçonnerie où les boîtes n’ont pas toutes la même hauteur ? Il faut y réfléchir davantage.
Pour le niveau unique de sous-catégories existant, j’ai opté pour le style de badge pour les catégories plutôt que pour le lien générique. J’ai également amélioré nos calculs de rapport d’aspect, qui n’étaient en réalité pas du tout utilisés.
Je pense que le logo au-dessus du titre prend pas mal d’espace vertical, qui est une ressource précieuse avec une description trop longue et plusieurs sous-catégories.
Puisque l’un des avantages de la mise en page en blocs est de rendre plus de catégories visibles sans faire défiler, je pense qu’il serait très bien de prévoir par défaut le logo et le titre côte à côte. Bien sûr, on pourrait presque atteindre cela avec des remplacements CSS, mais ce serait sympa de le faire fonctionner par défaut.
Concernant le problème des catégories de troisième niveau, j’aime bien vos sous-blocs, mais un paramètre optionnel possible serait de simplement afficher un seul niveau de sous-catégorie avec un indicateur lorsqu’un niveau supplémentaire existe — peut-être un “+N sous-catégories” en petit texte sous le titre de la catégorie enfant s’il y a des catégories de troisième niveau.
Et une mise en page de style maçonnerie serait idéale…
