الأشرطة الجانبية لعلامة Discourse

[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 component أفضل على الأرجح لأغراضي. شكراً على أي حال!

[awesomerobot (Kris)]

تم دمج وظائف هذه المكونات في Topic List Sidebars (يدعم كل من الشريط الجانبي للفئات والشريط الجانبي للعلامات)، لذا يرجى التبديل عندما تتاح لك الفرصة حيث لن أقوم بإجراء تحديثات على هذا المكون بعد الآن. سيستمر هذا المكون في العمل في الوقت الحالي، ولكن قد تواجه مشكلات في المستقبل.