# Discourse 人気タグサイドバー

**URL:** <https://meta.discourse.org/t/discourse-popular-tag-sidebar/107853>\
**Category:** Theme component\
**Created:** [2019 年 1 月 29 日午後 6:07 UTC](https://meta.discourse.org/t/discourse-popular-tag-sidebar/107853 "2019-01-29T18:07:12Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2019 年 1 月 29 日午後 6:07 UTC](https://meta.discourse.org/t/discourse-popular-tag-sidebar/107853/1 "2019-01-29T18:07:12Z")

</div>

このテーマコンポーネントは、767px 以上の画面幅（ほとんどのタブレットおよびデスクトップデバイス）で、カテゴリの最も人気のあるタグをスティッキーサイドバーに表示します。

⚠ このテーマコンポーネントが機能するには、サイト設定で「タグでフィルター表示」を有効にする必要があります。

 ![59%20PM](https://global.discourse-cdn.com/meta/original/3X/f/0/f047b707a1015a80ac945117ddcee32467d6a68b.png)

## このテーマコンポーネントで何ができますか？

- カテゴリごとに 3〜30 個の人気タグをサイドバーに表示
- サイドバーの位置を左または右に設定
- 特定のカテゴリでのサイドバー表示を抑制
- 「人気タグ」のヘッダーテキストを変更

 ![55%20PM](https://global.discourse-cdn.com/meta/original/3X/6/d/6d0b6f0407280f040d0849a9227a607a553c32f8.png)

## カスタム CSS

各サイドバーにはカテゴリ名を含むクラスがラップされています。例えば UX カテゴリの場合は `.ux-sidebar` となります。これらのクラスを使用して、個別のサイドバーをスタイルできます。

サイドバーがあるページの html タグにもクラスが追加されるため、`html.custom-sidebar` を使用してサイドバーがあるすべてのページにスタイルを適用できます。

| | | |
| --- | --- | --- |
| 🛠 | **リポジトリ** | [github.com/awesomerobot/discourse-popular-tag-sidebar](https://github.com/awesomerobot/discourse-popular-tag-sidebar) |
| 📖 | **Discourse テーマに初めてですか？** | [Discourse テーマの利用に関する初心者ガイド](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

このテーマコンポーネントをインストール

---

_[View the full topic](https://meta.discourse.org/t/discourse-popular-tag-sidebar/107853)._