Discourse タグクラウド

ナビゲーションを容易にするために、タグページに(ほぼ)従来のレスポンシブなタグ「クラウド」を、オプションでディスカバリーリストの上部に追加します。タグは自動的にクラウド状に配置され、相対的なサイズは使用頻度を表します。

Discourseタグについてまだご存知ないですか? まずはこちらへどうぞ: Discourse Tags

注:現時点では、タッチターゲットが小さくなる可能性があるため、意図的にデスクトップ(およびタブレット)のみです。

設定

ホームページのクラウドはデフォルトでオフになっています。

単語のスケールとキャンバスの高さを調整して、よりコンパクトにすることができます。将来的には折りたたみ可能にするかもしれません。

色の設定を調整して、モノクロにすることができます。

注:tags listed by group 設定がオンの場合、コンポーネントはグループを検索し、埋め込まれたタグを追加する必要があります。

動作例を見る

ライブデモはこちら: https://starzen.space/tags

既知の問題

  • クラウドを十分に大きくしない場合、またはタグのスケールを十分に小さくしない場合、一部のタグが任意に省略されます。実験してみてください。

  • タッチターゲットが小さくなる可能性があるため、モバイルでは有効になっていません。タブレットで使用する場合は、設定を慎重に検討してください。将来的にはタブレットで無効にする方法を提供するかもしれません。

  • 自動ダークモードのサポートはありません。デフォルトの配色スキームはニュートラルで、ライトテーマとダークテーマの両方で機能するように選択されています。色の設定を調整することで、すべて白またはすべて黒に近い状態にすることができます。おそらく、2つインストールして、ダークモード用に異なる設定にすることができます。このあたりの自動化については、検討が必要です。

  • アニメーションが有効になっていて、単語の間を素早くフリックすると、単語が縮小します。これは、マウスアウトアニメーションに十分な時間をかけないため、避けられないことだと思います。そのため、設定でアニメーションを無効にする方法を提供しています。

謝辞

類似プロジェクト

こちらが気に入ったら、以下も気に入るかもしれません:

|||
|-|-|-|
| :hammer_and_wrench:|リポジトリ| Discourse Tag Cloud |
| :question:|インストールガイド|テーマまたはテーマコンポーネントのインストール方法|
| :open_book:|Discourseテーマ初心者ですか?| Discourseテーマの使用に関する初心者ガイド|

注:content security policy script src 設定にアップロードフォルダを含める必要があります。

「いいね!」 19

単語のサイズは、タグとして使用された回数によって決まりますか?

了解しました。OPに追加します。

エラーメッセージが表示されました。「Refused to load the script 'https://{{some url}}.js' because it violates the following Content Security Policy directive: \"script-src\"」と「Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

アップロードフォルダからのスクリプトの使用をサイトで許可していないようです。

次のようなエントリが必要です。

image

(ご自身のドメインを使用してください)。

「いいね!」 1

ありがとうございます。タググループが存在する場合、「その他のタグ」からのみタグをクエリすることがわかりました。

なるほど、興味深いですね。フィードバックありがとうございます。タググループなしでのみテストされました。いつか確認します…

確認しましたが、以下の手順を実行しました。

  • 新しいタググループを作成しました
  • 既存のタグをグループに追加しました。
  • フロントページを更新しました
  • タグは引き続きクラウドに表示されていました。

そのため、あなたの問題を再現できませんでした。再現するための完全な手順を提供してください。

このタグクラウドは、フォーラムで最も話されている単語ですか?Twitterのトレンドトピックのようなものですか?

いいえ、文字通りDiscourse Tagsのクラウドです。しかし、私はまた、https://meta.discourse.org/t/word-cloud-plugin/210169(OPでリンクされています)も作成しました。これは、あなたが説明しているものに近いと思われますか?

「いいね!」 1

今日の最も人気のあるトピック(トピックとして入力)のような、Twitterのトレンドトピックに似たものはありますか?

Core Discourseにはすでに「トップリスト」という機能があります。

翻訳が間違っていたと思います。今日の最も引用された単語を意味していました。例: Queijo, Carne, The Weeknd, Xtina, American Idol

[image]

「いいね!」 1

Word Cloudプラグインが最も近いですが、まだ時間軸がありません。フォーラム全体(または選択したカテゴリ)の集計統計情報を取得します。

素晴らしい!Discourseでタグクラウドを持つことをずっと望んでいましたので、このテーマコンポーネントが利用可能になったことを嬉しく思います。素晴らしい出来栄えです!

CSPの件は奇妙ですね。私も同じエラーに遭遇しましたが、最終的にエラーで指定されたパスを追加したときにのみ機能しました。

https://SITEURL/uploads/default/original/1X/
「いいね!」 1

ソースコードを確認したところ、computed tags propertytags.json でグループ化されたタグのみを返しており、その他は extras.tag_groups にあることがわかりました。しかし、問題をどのように修正すればよいか分かりませんでした。

「いいね!」 1

よく頑張りました。もし何か修正してほしい点があれば、ユーザーとしてフロントエンドから再現可能な手順を教えていただけると大変助かります。現時点では問題を確認できません。

コンポーネントをインストールして /tags ページに移動しましたが、グループが割り当てられていないタグのみがクラウドに表示されます。

更新:グループでタグを一覧表示するオプションが有効になっていることを言及するのを忘れていました。しばらく前に有効にしたので、デフォルトでオフになっていたことを思い出しました。

「いいね!」 1

tags listed by group 設定を有効にすると、タグクラウドにはグループ化されていないタグのみが表示されるようになります。

Screen Shot 2022-02-15 at 1.03.58 PM

このプロセス中に、次のエラーも発生しています。

Slow down, too many requests from this IP address.
Please retry again in 3 seconds.
Error code: ip_10_secs_limit.
「いいね!」 3

ありがとうございます。これでかなりの時間が節約できたでしょう。

(完了)この問題に取り組む時間ができるまで、既知の問題として追加しておきます。