Barres latérales de tags Discourse

:warning: Ce composant est obsolète. Veuillez consulter Topic List Sidebars pour obtenir la même fonctionnalité, et plus encore !

Ce composant de thème prend un sujet et l’applique comme une barre latérale pour la liste des sujets d’un tag. Ces barres latérales ne sont visibles que lorsque l’ navigateur a une largeur de 767 px ou plus (la plupart des tablettes et moniteurs).

Vous souhaitez des barres latérales pour les catégories ? Consultez Discourse Category Sidebars.

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

  • Choisir un sujet et afficher son contenu comme une barre latérale pour un tag.

  • Choisir d’afficher les barres latérales à gauche ou à droite de la liste des sujets.

Comment le configurer ?

Insérez simplement le nom du tag et l’ID du sujet (par exemple example.com/t/example-topic/57).

Je recommande de créer des sujets de barre latérale dans leurs tags respectifs, de fermer le sujet pour qu’il n’y ait aucune réponse, et de le rendre invisible (pour qu’il n’apparaisse pas dans la liste des sujets).

Notez que vous ne pouvez pas utiliser un sujet d’une catégorie privée comme barre latérale dans une zone publique.

CSS personnalisé

Chaque barre latérale de tag est enveloppée dans une classe contenant le nom du tag, donc pour le tag test, ce serait .tag-sidebar-test. Vous pouvez utiliser ces classes pour styliser les barres latérales individuelles.

La balise body sur les pages avec des barres latérales possède également une classe ajoutée, vous pouvez donc utiliser body.custom-sidebar pour appliquer des styles sur toutes les pages qui ont une barre latérale.

Installer ce composant de thème

41 « J'aime »

Your sidebar themes are amazing

It would be great to have an option to display a sidebar in a topic based on tags. With multiple tags the divs could be simply stacked on top of each other.

2 « J'aime »

minor nit. it seems that external links in the side bar do not follow setting to open in new tab, so they open in same window.

6 « J'aime »

This is a really cool idea Kris, how hard would it be to move it from the sidebar to the top? I would love to have it where the category description normally goes so it always displays and doesn’t resize the container. I use topic list preview with the tile layout and this makes all the images smaller and wastes space in my case.

8 « J'aime »

Awesome! This theme component solves the need for a tag description many users asked for.
Would be great if there’s also the option to have it above the navbar, instead of having it in the side.

6 « J'aime »

The Category one seems to work fine but this one for tags appears to be broken for us right now.

3 « J'aime »

Looks like the route was changed in core from /tags/ to /tag/, just updated the theme to reflect this

8 « J'aime »

maybe something to do with our custom CSS but it looks to be creating the space for it but it is not actually adding the links there

2 « J'aime »

Bonjour Kris,

Cela semble vraiment intéressant. Il semble que cela puisse résoudre un problème ou un souci de conception de site, et je souhaitais avoir votre avis.

Voici ce que j’essaie de créer : un site web centré sur un forum avec une barre latérale contenant principalement des pages statiques pour une FAQ. Comme sur l’image ci-dessous : Seriez-vous d’accord pour dire que votre barre latérale de tags conviendrait à cela ? Il semblerait que tout ce que j’aurais à faire soit de créer un tag « FAQ » pour les publications spécifiques que je souhaite voir répertoriées dans la FAQ, et elles s’y afficheraient (y a-t-il un moyen de contrôler l’ordre de la liste dans la barre latérale ?).

Qu’en pensez-vous ? Quelqu’un d’autre ayant de l’expérience avec ce composant de thème souhaite-t-il commenter ?

2 « J'aime »

Ce composant ne semble plus fonctionner pour moi, quelqu’un peut-il reproduire ?

2 « J'aime »

Est-il possible de faire apparaître la barre latérale sur les appareils mobiles sous forme de barre rétractable ? Une petite icône pourrait apparaître sur le côté droit pour afficher et masquer la barre latérale.

3 « J'aime »

Je suis très satisfait de ce composant sur le plan fonctionnel, mais il ajoute beaucoup d’étapes à la création d’une nouvelle étiquette, et il y a ensuite le problème des sujets de description non répertoriés, quelque peu difficiles à gérer.

J’aimerais beaucoup que la description provienne d’un champ « description longue » ajouté à la description courte que l’on peut obtenir avec la :wrench: sur une page d’étiquette, plutôt qu’un post magique !

1 « J'aime »

Je tourne sous la version 3.3.0.beta2, et ce composant affiche correctement la barre latérale des tags lorsque vous sélectionnez un tag pour la première fois, mais la barre latérale n’est pas supprimée lorsque vous sélectionnez un autre tag. Vous pouvez le constater avec l’aperçu sur theme-creator.discourse.org. Voici à quoi cela ressemble lorsque vous visitez le tag art :

… mais lorsque vous passez, par exemple, au tag code, la barre latérale ne change pas :

Je vois que Discourse Category Sidebars a été maintenu beaucoup plus à jour que ce composant. Je vais peut-être essayer d’appliquer les mêmes modifications à celui-ci.

Mise à jour : Je vois que les descriptions de tags prennent en charge le HTML de nos jours, donc le composant Tag Banners est probablement mieux adapté à mes besoins. Merci quand même !

La fonctionnalité de ce composant a été fusionnée dans Topic List Sidebars (prend en charge les barres latérales de catégories et d’étiquettes), veuillez donc basculer lorsque vous en aurez l’occasion, car je ne ferai plus de mises à jour sur celui-ci. Ce composant continuera de fonctionner pour le moment, mais vous pourriez rencontrer des problèmes à l’avenir.

3 « J'aime »

Ce sujet a été automatiquement fermé après 26 jours. Les nouvelles réponses ne sont plus autorisées.