Discourse Tag Sidebar

theme-component

(Kris) #1

This theme component displays a category’s most popular tags in a sticky sidebar on screens wider than 767px (most tablets and desktop devices).

:warning: You must enable the show filter by tag setting on your site for this theme component to work.

:hammer_and_wrench: Github repo: https://github.com/awesomerobot/discourse-tag-sidebar

:thinking: How do I install a Theme or Theme Component?

What can I do with this theme component?

  • Display 3-30 Popular tags in a sidebar for each category

  • Set the sidebar side to left or right

  • Prevent the sidebar from appearing in certain categories

  • Change the “Popular tags” header text

Custom CSS

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

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