カテゴリアイコン

what does “icon” stand for in settings?

Is it exact name of some icon from svg site? How do I get the exact name?

「いいね!」 1

That could indeed be a great improvement!

「いいね!」 1

I think I have a problem on my forum as the icons are specified as white, while background is white on categories page

Could I enforce different background here, as it is used for subcategories?

「いいね!」 2

I’m looking at the code and trying to fix the following two issues, but I’m stuck on the second one.

Category icon list is not applied in category view (with Show subcategory list above topics in this category)

subcategory-view-missing-category-icon

I managed to fix this one by replacing line 112 in header.html

      if(iconItem && !attrs.category.parent_category_id) {

with

      if (iconItem) {

and adding the following code to common.scss

.subcategory .category-icon-widget {
  display: none;
}

subcategory-view-missing-category-icon-fixed

Category lock icon next to category doesn’t change to new svg

Categories view:
category-view-lock-icon

Category view (with Show subcategory list above topics in this category):
subcategory-view-lock-icon

I think this is the relevant code:

    let classNames = "badge-category clear-badge";
    if (restricted) {
      classNames += " restricted";
    }
    
...

    html +=
      `<span ${style} ` +
      'data-drop-close="true" class="' +
      classNames +
      '"' +
      (description ? 'title="' + escapeExpression(description) + '" ' : "") +
      ">";

which adds restricted class to a <span> with classes badge-category clear-badge which controls the subcategory lock icon display, but I cannot figure out how to also apply this to <div> with class category-text-title which controls category lock icon display.

Please help @pmusaraj @tshenry

「いいね!」 2

Any chance that it will anytime soon? For some reason the categories boxes view also doesn’t display the colour blob or the lock icon so it might be outside this component’s control…

「いいね!」 1

まだ色の問題が「特定」できていません。どこが間違っているか、ご教示いただけますか?

そして結果です。

「いいね!」 1

バグ @pmusaraj
サブカテゴリのスラッグ(およびタイトル)は、親カテゴリ内でのみ一意である必要があります。

しかし、スラッグはこのコンポーネント内でアイコンを検索するためのキーとして使用されます。

そのため、異なる親の下にある2つのサブカテゴリが同じスラッグを持つ場合、そのアイコンが両方に適用されてしまいます。

正直に言えば、これは実際にはDiscourseの問題だと思います。スラッグはDiscourseインスタンス全体で一意であるべきですが、そうではありません。

この問題をコンポーネント内で修正することは可能でしょうか?

「いいね!」 1

スラッグは AFAIK 常にグローバルスコープを持つわけではないのに、なぜグローバルに一意である必要があるのかわかりません。説明していただけませんか?

P.S. 一意でない理由について尋ねるあなたの新しいトピックを見つけました。

「いいね!」 1

例えば、カテゴリアイコンコンポーネントは、アイコンをどのカテゴリに割り当てるかを特定するためにスラッグを使用します。
管理者やユーザーは、サブカテゴリを一意に識別する方法はどうなるのでしょうか?親カテゴリとサブカテゴリを結合したパス(例:parentcategory-subcategory)を使用する必要があるのでしょうか?(あるいは、その機能拡張がリリースされたら、親・子・孫を結合したパスを使用するのでしょうか?)これは少し手間がかかるように思えます。

「いいね!」 2

同じスラッグを持つサブカテゴリを異なる親の下で重複させないことは、おそらく可能ですが、コンポーネントの設定で親カテゴリのスラッグを渡す何らかの方法が必要になります。個人的には、あまりエレガントな方法ではないと思います。

2 つの同じスラッグを持つカテゴリのいずれかのスラッグを変更することは試しましたか?それができない理由がありますか(カテゴリ名ではなく、スラッグのみを変更する必要があります)?

「いいね!」 3

はい、親カテゴリが異なる場合、サブカテゴリのスラッグは一意である必要がないため、それが適切な方法のようです。

ただし、これを機能として活用することも可能です。例えば、グループベースのカテゴリがあり、その多くに「ヘルプ」や「お知らせ」フォーラムがサブカテゴリとして存在する場合、ヘルプカテゴリ全体に共通のヘルプアイコンを、お知らせカテゴリ全体に共通のアイコンを設定できます。これには 2 つのエントリだけで実現でき、ヘルプタグを持つ新しいサブカテゴリが追加された場合でも、自動的にアイコンが適用されます。

当社の利用ケースでは、さらに一歩進めてスラッグの完全一致ではなく部分一致をオプションとして実装しました。例えば、「help,question-mark,#000080,false」というエントリがあれば、「sw-help」「help-forum」「helpdesk」などにマッチします。

エントリの末尾にある「false」は、完全一致を強制しないように指示する追加項目です。

また、色を「catcol」と指定するオプションもあり、その場合、アイコンは別途指定された色ではなく、カテゴリの色を引き継ぎます。

アップデートへの組み込みのための 2 つの提案です。

「いいね!」 3

以前、このコンポーネントが部分一致を使用していた時期があり、「book」にはアイコンを表示したいが「booking」には表示したくないというユーザーにとって混乱を招くことがありました。しかし、この機能を設定ごとにオン/オフできるのであれば、非常に便利でしょう。(最後の項目を「false」ではなくpartial-match とすると、より理解しやすくなるかもしれません。)

これは素晴らしい追加機能ですね。

これらの機能のいずれかについて PR をレビューする準備ができています。ありがとうございます!

「いいね!」 5

Allow slug partial-match option by rogercreagh · Pull Request #5 · discourse/discourse-category-icons · GitHub がマージされました。@rogerco さん、ありがとうございます!

「いいね!」 3

カテゴリ色のオプションで、設定がバーではなく箇条書きやボックスを使用している場合に、小さな問題にぶつかりました。設定ではバーのオプションのみで作成したため、他のオプションではグレーにフォールバックしてしまいます。これは主に CSS で修正可能だと思いますが、まだ解決できていません。必ず解決します!

「いいね!」 3

@pmusaraj 素晴らしいテーマをありがとうございます!:raising_hands:

COMMENTS アイコンを使いたいのですが、ソリッド版はあまり好きではありません。comments を使用するとソリッド版が表示されてしまいます。このソリッド版は通常「fas fa-comments」として提供されます。

もしレギュラー版を使いたい場合はどうすればよいでしょうか?こちらは通常「far fa-comments」として提供されます。

以下のバリエーションの中には、有料サブスクリプションが必要なものもあります。異なるバリエーションを選択する方法はありますか?それともソリッド版のみが利用可能でしょうか?

「いいね!」 3

私はテーマに以下のように追加しました:

これをテーマ設定に追加するにはどうすればよいでしょうか?以下に私が試みたことを示します…

「いいね!」 2

両方の設定で「far-comments」を使用してください。例:

有料バージョンは一般に公開されていないため、Discourse に含めることはできません。ライセンスが許可している場合、テーマにカスタム SVG スプライトとして追加できます。そのための完全な手順は、Font Awesome 5 と SVG アイコンの導入 に記載されており、「カスタムアイコンの追加」セクションを注意深くお読みください。

「いいね!」 4

ご協力ありがとうございます!far-comments を両方の領域に追加したところ、完璧に機能しました!

もう一つ、私が質問した別の件(このトピック内であなたがコメントした他の回答に対する返信です)を、ぜひ少し見ていただけますか…

「いいね!」 1

素晴らしいテーマコンポーネントですね!Font Awesome やアイコンスプライトアップロードを使用して画像をアップロードする際に問題が発生しています。question-circle しか表示されません。何が間違っているのでしょうか?CSS コードを追加する必要がありますか?

以下にスクリーンショットを掲載します。

そして

Font Awesome の名前は常に「見つからない」と表示され、作成を促されます。直接名やプレフィックス(例:bullhorn または fa-bullhorn)を試してみましたが、うまくいきません。

更新 Font Awesome は動作するようになりました。設定で SVG アイコンを追加するオプションを見つけましたが、question-circle のように色設定が反映されません。

カスタム SVG アイコンを使用したいのですが、初心者向けの手順が知りたいです。

「いいね!」 1

プロフィールのサイトを見ると、カテゴリのアイコンが表示されているので、すでに解決済みかもしれませんね。もしまだであれば、上記のスクリーンショットから、icons-sprite 内の SVG ファイルが個別のアイコンではなく、SVG スプライトファイルであることを確認する必要があると思います。詳細については、Replace Discourse's default SVG icons with custom icons in a theme をご覧ください。

「いいね!」 6