Discourse Tag Sidebars

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 Likes

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 Likes

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 Likes

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 Likes

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 Likes

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

3 Likes

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 Likes

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 Likes

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 Likes

This component doesn’t seem to work anymore for me, can anyone reproduce?

2 Likes

Is it possible to make the sidebar appear in mobile devices as a collapsable? A small icon can appear on the right hand side to show and hide the sidebar.

3 Likes

I’m very happy with this component functionally, but it adds a lot of steps to creating a new tag, and then there’s the problem of the kind-of-unwieldy unlisted description topics.

I would love for the description to come from a “long description” field added to the short description one can get with the :wrench: on a tag page, rather than a magic post!

1 Like