Barres latérales de tags Discourse

:warning: This component has been deprecated, please check out Discourse Topic List Sidebars for the same functionality, and more!

This theme component takes a topic and applies it as a sidebar for a tag’s topic list. These sidebars are only visible when the browser is 767px or wider (most tablets and monitors).

Want sidebars for categories? Check out Discourse Category Sidebars.

What can I do with this theme component?

  • Choose a topic and display its content as a sidebar for a tag.

  • Choose for the sidebars to appear on the left or the right of the topic list.

How do I configure it?

Simply insert the tag name and the id of the topic (e.g. example.com/t/example-topic/57)

I recommend creating sidebar topics in their respective tags, closing the topic so there are no replies, and unlisting it (so it doesn’t appear in the topic list).

Note that you can not use a topic in a private category as a sidebar in a public area.

Custom CSS

Each tag sidebar is wrapped with a class that contains the tag name, so for the test tag that would be .tag-sidebar-test. You can use these classes to style the individual sidebars.

The body tag on pages with sidebars also has a class added so you can use body.custom-sidebar to apply styles on all pages that have a sidebar.

Install this theme component

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

https://github.com/awesomerobot/discourse-tag-sidebars/commit/3d747a4053534d66b47eb440570b5bb4be949f72

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 »

Hi Kris,

This looks really interesting. It seems like this might solve a problem / site design issue and wanted to get your feedback.

here is what I’m trying to create - a forum centric website with a sidebar of largely static pages for a FAQ. Like this image below: Would you agree that your Tag sidebar would work for this - it seems like all I would need to do is create a tag for “FAQ” for the specific posts that I want listed in the FAQ - and they would be put there (any control of the order of the listing in the sidebar?).

What do you think? Anyone else with experience with this theme component want to comment?

New Mockup 1

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.