Discourse 人気タグサイドバー

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

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

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

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

カスタム CSS

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

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

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

「いいね!」 43

this would make an incredibly powerful navigation tool if it showed the most common in each category and tag-page and it was positioned in a banner, or other item at the top of the page.

「いいね!」 3

Very nice work.

I can see the sidebar only on the page of first category in the list of categories.

How do I enable it for all categories?

「いいね!」 1

The tags sidebar that appear on the parent category include both parent category tags and child category tags. To enable it for all categories and subcategories you need to change the code here discourse-popular-tag-sidebar/desktop/header.html at master · awesomerobot/discourse-popular-tag-sidebar · GitHub.

「いいね!」 2

Right now, it shows only for the first category on categories page

So, which part of code i need to edit and how can i get it for all page.

Please help with details. Sorry and thanks

Can you help with that change? I do not understand the coding that much. Please help

It appears only on first category in category list. Not in any other one. Please help

「いいね!」 2

それとも、トピックリストの上に表示することはできますか?

ご存知ない方もいらっしゃるかもしれませんが、バニラの Discourse には(上記の画像に示されているように)トピックリストの上部に表示されるオプションのタグドロップダウンが既に用意されています。

image

「いいね!」 3

理解しました。ただし、私の目的では、リストまたはタグクラウドのようなものを表示したいと考えています。

「いいね!」 3

はい、私も同じ問題が発生しています。解決策はありますか?
カテゴリページでは現在動作しているようです。しかし、最新のスレッドでも動作させる方法はあるでしょうか?

この問題をもう少し詳しく説明していただけますか?サイドバーが特定のカテゴリの1つにのみ表示され、他のカテゴリには表示されないということでしょうか?

対象としているカテゴリのすべてに、3 つ以上のタグを持つトピックがありますか?特定のカテゴリ内に 3 つ未満のタグしかない場合、サイドバーは表示されません。

はい、他のページでも対応を追加できると思います。

「いいね!」 1

ご質問があります。タグサイドバーのタグをクリックすると、URL は https://www.example.id/tags/c/sub-categoriy/Tags-name のようになります。

同じページ内で直接クリックする場合は問題ありませんが、右クリックして新しいタブで開くと、「おっと!そのページは存在しないか、非公開です。」というメッセージが表示されます。

なぜ URL の形式が通常のタグの URL(https://www.example.id/tags/tag-name)のようにならないのでしょうか?

もう一つご質問です。テキスト(タグ)間のスペースを 1 や 1.5(正確な値はわかりません)ではなく、2 に設定する方法を教えてください。

ありがとうございます。

「いいね!」 1

トップメニューページ(最新、人気、新着など)に、オプションでタグサイドバーを表示する機能を追加しました。デフォルトでは無効になっていますが、テーマコンポーネントの設定で有効にできます。

私のミスでした。サブカテゴリを考慮せず、URL を適切に再構築していませんでした。現在、修正済みです。

その URL はすべてのカテゴリにわたるすべてのタグを表示するものです。カテゴリ内でサイドバーのタグをクリックした際、現在のカテゴリのコンテキスト内でそのタグを表示するようにしたかったのです。

何を意味しているのか完全に理解できませんでした。具体的な例を示していただけますか?

「いいね!」 1

わあ…新しいタブで開くと今すぐ動きますね。本当にありがとうございます……

私の英語が下手で申し訳ありません :grinning:

「スペースを追加」は、行間(MS Word のようなもの)を2に変更することを意味します。現在は1または1.5のように見えているので、タグ間のスペースが広がります。

また、タグのテキストの色を変更することはできますか?青からグレーに。

もう一つ質問ですが、人気のタグは常に表示されるようにできますか?

スクロールすると、「人気のタグ」という文字が見えなくなり、タグのリストのみが表示されます。

image

もう一度……ご支援いただき本当にありがとうございます

なるほど、テーマに CSS を追加できます(管理 > カスタマイズ > テーマ)。例えば:

.tag-sidebar a:nth-of-type(2) {
    margin-top: 5px;
}

テキストの色も同様です。

.tag-sidebar a {
    color: red;
}

これはおそらく現在のテーマに起因する問題です。サイドバーの上部位置を以下のように調整できます:

.topic-list.with-sidebar > .tag-sidebar {
  top: 120px;
}

これらはすべて一般的な CSS の変更です。このようなスタイル変更をさらに行いたい場合は、いくつかの CSS チュートリアルを参照することをお勧めします。CSS styling basics - Learn web development | MDN は優れた無料のチュートリアルです!

「いいね!」 5

こんにちは、31 行目に問題があります:discourse-popular-tag-sidebar/desktop/header.html at master · awesomerobot/discourse-popular-tag-sidebar · GitHub

このエラーを確認していただけませんか?

タグの最大数が30件に制限されている理由は何ですか?

こんにちは、Kris!
このコミットで number_of_tags オプションが失われてしまったのではないかと疑問に思っています :thinking:

「いいね!」 2

タグの最大数を100に増やし、アルファベット順に並べたレスポンシブなバブル型クラウドで表示してもらえると最高です。つまり、タグの人気度が高いほどフォントサイズが大きくなるように。「トップ100」タグですね。

また、モバイル版ではカテゴリリストの上に水平に配置してもらえると助かります。特にモバイルでの実装を強く希望しています。:star_struck:

こんにちは。

ヘッダーの下に人気のタグリストを表示するにはどうすればよいですか?提案をお願いします。

ありがとうございます。

「いいね!」 1

残念ながら、このコンポーネントは Discourse Tag Sidebars と競合します。両方を有効にすると、すべてのタグが次のように 1 行に押し込められます。

そして、タグサイドバーはまったく表示されません。

残念ながら、これらは補完的であるべきです。「すべてのタグ」ビュー(およびおそらく「タグなし」)のタグリストと、特定のタグのサイドバーです。実際、これらを単一のコンポーネントに組み合わせることもできるかもしれません。

「いいね!」 1