Ce composant de thème affiche les tags les plus populaires d’une catégorie dans une barre latérale fixe sur les écrans de plus de 767 px (la plupart des tablettes et ordinateurs de bureau).
Vous devez activer le paramètre « Afficher le filtrage par tag » sur votre site pour que ce composant de thème fonctionne.
Chaque barre latérale est enveloppée dans une classe contenant le nom de la catégorie. Pour la catégorie UX, il s’agirait donc de .ux-sidebar. Vous pouvez utiliser ces classes pour styliser les barres latérales individuelles.
La balise HTML sur les pages avec barres latérales possède également une classe ajoutée, ce qui vous permet d’utiliser html.custom-sidebar pour appliquer des styles sur toutes les pages comportant une barre latérale.
this would make an incredibly powerful navigation tool if it showed the most common in each category and tag-page and it was positioned in a banner, or other item at the top of the page.
Au cas où vous ne le sauriez pas, il existe déjà un menu déroulant de balises optionnel dans Discourse vanilla (illustré dans l’image ci-dessus), qui s’affiche au-dessus de la liste des sujets.
Oui, je rencontre aussi ce problème. Y a-t-il une solution ?
Je constate que cela fonctionne désormais sur les pages de catégorie. Mais existe-t-il un moyen de le faire fonctionner sur le fil de discussion le plus récent ?
Pourriez-vous décrire ce problème un peu plus ? La barre latérale n’apparaît-elle que pour une seule catégorie et pas pour les autres ?
Est-ce que toutes les catégories que vous essayez contiennent des sujets avec plus de 3 tags ? La barre latérale ne s’affiche pas s’il y a moins de 3 tags dans une catégorie spécifique.
Oui, je pense que je peux ajouter un support pour d’autres pages.
Il n’y a aucun problème lorsque je clique directement (sur la même page), mais lorsque je fais un clic droit et que j’ouvre dans un nouvel onglet, un message s’affiche : « Oups ! Cette page n’existe pas ou est privée. »
J’ai ajouté une fonctionnalité pour afficher optionnellement la barre latérale des tags sur les pages du menu principal (derniers, populaires, nouveaux, etc.). Elle est désactivée par défaut ; vous pouvez l’activer dans les paramètres du composant de thème.
C’était de ma faute, je n’avais pas pris en compte les sous-catégories et n’avais pas restructuré l’URL pour s’y adapter. C’est maintenant corrigé.
Cette URL affiche tous les tags de toutes les catégories. Lorsque vous êtes dans une catégorie et que vous cliquez sur un tag dans la barre latérale, je voulais que vous voyiez ce tag dans le contexte de la catégorie actuelle.
Je ne suis pas tout à fait sûr de ce que vous voulez dire. Pouvez-vous me donner un exemple précis ?
Wow… ça fonctionne maintenant quand je l’ouvre dans un nouvel onglet… Merci beaucoup…
Désolé pour mon mauvais anglais
« Ajouter un espace » signifie modifier l’interligne (comme dans MS Word) à 2, ce qui est actuellement de 1 ou 1,5, afin qu’il y ait plus d’espace entre les tags.
Ce sont tous des modifications CSS générales… si vous souhaitez apporter plus de changements de style comme ceux-ci, je vous suggère de suivre quelques tutoriels CSS. Comment CSS est structuré - Apprendre le développement web | MDN est une bonne ressource gratuite !
Ce serait vraiment génial si le nombre maximum de balises était augmenté à 100 et affiché dans un nuage de bulles de texte réactif, remplissant la hauteur et trié par ordre alphabétique. En d’autres termes, plus une balise est populaire, plus sa taille de police est grande. Il s’agit des « 100 meilleures » balises.
De plus, il serait bien qu’elle soit positionnée horizontalement au-dessus des listes de catégories sur mobile. Je tiens vraiment à cela pour le mobile.
Malheureusement, ce composant entre en conflit avec Discourse Tag Sidebars. Lorsque j’active les deux, toutes les étiquettes sont regroupées sur une seule ligne, comme ceci :
Et les barres latérales des étiquettes n’apparaissent pas du tout.
C’est dommage, car ils devraient être complémentaires : la liste des étiquettes pour la vue « toutes les étiquettes » (et éventuellement aussi « aucune étiquette »), et la barre latérale pour les étiquettes spécifiques. En fait, peut-être pourraient-ils être combinés en un seul composant ?