Barre latérale des tags populaires de Discourse

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).

:warning: Vous devez activer le paramètre « Afficher le filtrage par tag » sur votre site pour que ce composant de thème fonctionne.

Que puis-je faire avec ce composant de thème ?

  • Afficher de 3 à 30 tags populaires dans une barre latérale pour chaque catégorie
  • Définir le côté de la barre latérale à gauche ou à droite
  • Empêcher l’affichage de la barre latérale dans certaines catégories
  • Modifier le texte de l’en-tête « Tags populaires »

CSS personnalisé

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.

Installer ce composant de thème

43 « J'aime »

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.

3 « J'aime »

Very nice work.

I can see the sidebar only on the page of first category in the list of categories.

How do I enable it for all categories?

1 « J'aime »

The tags sidebar that appear on the parent category include both parent category tags and child category tags. To enable it for all categories and subcategories you need to change the code here discourse-popular-tag-sidebar/desktop/header.html at master · awesomerobot/discourse-popular-tag-sidebar · GitHub.

2 « J'aime »

Right now, it shows only for the first category on categories page

So, which part of code i need to edit and how can i get it for all page.

Please help with details. Sorry and thanks

Can you help with that change? I do not understand the coding that much. Please help

It appears only on first category in category list. Not in any other one. Please help

2 « J'aime »

Existe-t-il un moyen de l’afficher au-dessus de la liste des sujets ?

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.

image

3 « J'aime »

Je comprends, mais pour mon usage, je souhaite afficher une liste ou une sorte de nuage de tags à la place.

3 « J'aime »

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.

1 « J'aime »

Juste une question… lorsque je clique sur Tags dans la barre latérale des tags, l’URL est https://www.example.id/tags/c/sub-categoriy/Tags-name.

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. »

Pourquoi le format de l’URL n’est-il pas comme les URL de tags normaux, https://www.example.id/tags/tag-name ?

Autre question : comment ajouter un espace entre le texte (le tag), pas 1 ou 1,5 (je ne suis pas sûr), mais 2 ?

Merci beaucoup.

1 « J'aime »

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 ?

1 « J'aime »

Wow… ça fonctionne maintenant quand je l’ouvre dans un nouvel onglet… Merci beaucoup…

Désolé pour mon mauvais anglais :grinning:

« 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.

Aussi, puis-je changer la couleur du texte des tags ? Du bleu au gris.

Une autre question : les tags populaires peuvent-ils toujours être vus ?

Lorsque je fais défiler vers le bas, les mots « Tags populaires » ne sont plus visibles, seule la liste des tags l’est.

image

Encore une fois… Merci beaucoup pour votre aide.

Ah d’accord, vous pouvez ajouter un peu de CSS à votre thème (admin > personnaliser > thèmes) comme ceci :

.tag-sidebar a:nth-of-type(2) {
    margin-top: 5px;
}

De même pour la couleur du texte :

.tag-sidebar a {
    color: red;
}

Cela est probablement dû à un problème avec votre thème actuel. Vous pouvez ajuster la position supérieure de la barre latérale comme ceci :

.topic-list.with-sidebar > .tag-sidebar {
  top: 120px;
}

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 !

5 « J'aime »

Bonjour, je rencontre des problèmes à la ligne 31 : discourse-popular-tag-sidebar/desktop/header.html at master · awesomerobot/discourse-popular-tag-sidebar · GitHub

Pouvez-vous m’aider à vérifier cette erreur ?

Quelle est la raison de la limite de 30 balises ?

Salut Kris !
Je me demande si l’option number_of_tags n’a pas été perdue avec ce commit ? :thinking:

2 « J'aime »

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. :star_struck:

Salut,

Comment puis-je afficher la liste des balises populaires sous l’en-tête ? S’il vous plaît, donnez-moi des suggestions.

Merci

1 « J'aime »

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 ?

1 « J'aime »