Discourse Tag Sidebars

[awesomerobot (Kris)]

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.

	Preview	Preview on theme-creator.discourse.org
	Repository	github.com/awesomerobot/discourse-tag-sidebars
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

[jrgong]

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.

[emilio]

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.

[davidkingham]

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.

[tpetrov (Toni Petrov)]

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.

[emilio]

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

[awesomerobot (Kris)]

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

[emilio]

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

[BCHK (Bcguy)]

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?

[MarcP]

このコンポーネントはもう機能しないようですが、再現できる方いますか？

[attj]

サイドバーをモバイルデバイスで折りたたみ可能にすることは可能ですか？右側に小さなアイコンを表示して、サイドバーを表示したり非表示にしたりできるようにします。

[mattdm (Matthew Miller)]

機能的にはこのコンポーネントに非常に満足していますが、新しいタグを作成する手順が非常に多くなり、さらに、あまり使いやすくない「未記載の説明トピック」の問題があります。

タグページにある「」で取得できる短い説明フィールドに加えて、「長い説明」フィールドを追加して、そこから説明を取得できるようにしていただけると嬉しいです。魔法のような投稿ではなく！

[simonk (Simon King)]

3.3.0.beta2 を実行していますが、このコンポーネントは、タグを最初に選択したときにタグサイドバーを正しく表示しますが、別のタグを選択したときにサイドバーが削除されません。これは、theme-creator.discourse.org のプレビューで確認できます。art タグにアクセスした場合の表示は次のとおりです。

しかし、（たとえば）code タグに切り替えても、サイドバーは変更されません。

Discourse Category Sidebars は、このコンポーネントよりもはるかに最新の状態に保たれているようです。これを適用するために、同様の変更を試みるかもしれません。

更新: タグの説明は現在 HTML をサポートしていることがわかりました。そのため、Tag Banners コンポーネントの方が目的に合っているようです。とにかくありがとうございました！

[awesomerobot (Kris)]

このコンポーネントの機能は、Topic List Sidebars に統合されました（カテゴリとタグの両方のサイドバーをサポートしています）。そのため、今後はこのコンポーネントの更新は行いませんので、可能な限り早く切り替えてください。このコンポーネントは当面の間機能しますが、将来的に問題が発生する可能性があります。