カテゴリアイコン

カスタマイズ テーマコンポーネント
, ,
87

はい、最適な方法は常に正しいプレフィックスを設定することです。FontAwesome Pro プラグインは、選択したスタイルのアイコンをコアアイコンに置き換えるだけです。変換されたアイコンのリストについては、以下のファイルをご覧ください：

comments はそのリストに含まれていないため、デフォルトでコアアイコンが使用されます。

「いいね！」 4
88

イベントプラグインのカレンダービューにアイコンを追加するためのテーマコンポーネントを作成しました。

このコンポーネントは category-icon ウィジェットを使用していますが、サブカテゴリのアイコンは表示されません。そのため、以下のように「強制表示モード」を追加する必要がありました：

  api.createWidget("category-icon", {
    tagName: "div.category-icon-widget",
    html(attrs) {
      let iconItem = getIconItem(attrs.category.slug);
      let force_display = ('force_display' in attrs);
      if(iconItem && (!attrs.category.parent_category_id || force_display)) {
        let itemColor = iconItem[2] ? `color: ${iconItem[2]}` : "";
        let itemIcon = iconItem[1] != '' ? iconNode(iconItem[1]) : "";
        return h("span.category-icon", { "style": itemColor }, itemIcon);
      }
    }
  });

このハックなしで同じ結果を得る方法をご存知でしょうか？
もしない場合、この機能をコードに追加することを検討していただけませんか？

あらかじめありがとうございます。

「いいね！」 2
89

こんにちは、Penar さん。このコンポーネントがカテゴリ内の奇妙なソート問題を引き起こしています。再現手順は以下の通りです。

  1. カテゴリのソートを「作成日時」>「降順」に設定すると、正しくソートされます。
  2. カテゴリ内のトピックにアクセスします。
  3. 麵包屑（パンくずリスト）をクリックしてカテゴリに戻ります。
  4. すると、カテゴリが「最新」でソートされるようになり、「作成日時」でのソートが適用されなくなります。ページをリフレッシュすると、正しいソートが復元されます。

このトピックコンポーネント（TC）が問題の原因であることを特定するには、かなり多くの調査が必要でした。非常に奇妙です！

以下は、この動作を記録した動画です。

トピック 1 は最初に作成されましたが、返信があります。
トピック 2 は 2 番目に作成され、返信はありません。

Created（作成日時）でソートする場合、トピック 2 がリストの先頭に表示されるはずです。実際、トピック 2 は最初は正しく先頭に表示されますが、トピックにアクセスして麵包屑（パンくずリスト）をクリックすると、トピック 1 がリストの先頭に表示されてしまいます。

「いいね！」 2
90

@davidkingham さん、詳細なレポートをありがとうございます。非常に巧妙なバグですね。修正版を投稿しました。

「いいね！」 2
91

今日のアップデート後、これを無効にせざるを得ませんでした。スタートページとカテゴリが崩れてしまいます。スクリーンショットを投稿したいのですが、私のフォーラムは21歳以上限定なので、@pmusaraj さんにはPMで送ります。

「いいね！」 2
92

@zooy0rk 様、ご報告ありがとうございます。その問題も修正されました。

「いいね！」 5
93

新しいアップデートで、サイト全体の UI が壊れているようです

asdasdasdasd
asdasdasdasd1455×702 15.3 KB

「いいね！」 2
94

コンソールにエラーは表示されていますか？Discourse のどのバージョンを実行していますか？

「いいね！」 1
95

はい、最新の 2.6.0.beta1 リリースに更新しました。これで問題が解決したようです。

「いいね！」 4
96

ある問題の解決にご協力いただけると嬉しいです…カテゴリーのロックアイコンを星に変更したいと考えているのですが、結果がまちまちです。

最新トピックリストのアイコンは変更されています：

Latest
Latest816×792 33.4 KB

カテゴリードロップダウンのアイコンも変更されています：

Dropdown
Dropdown464×914 28.8 KB

しかし、カテゴリーリストのホームページ（/categories）でカテゴリーの隣にあるアイコンは変更されず、まだロックのままです：

Lock
Lock1317×514 106 KB

何か見落としているのでしょうか？何か見落としているような気がします…

以下はテーマの設定です：

Theme Settings
Theme Settings1200×492 83.5 KB

なぜそのロックアイコンが残っているのかという謎を解くお手伝いができれば幸いです！！ありがとうございます！

「いいね！」 3
97

アイコン名には「star」ではなく「far-star」をお試しください。
「far」は通常のアイコン用、「fab」はブランド名のアイコン用です。

98

これはコンポーネントの制限であり、/categories ページにはフックされません。これを修正するよう検討しますが、まずコアの変更が必要になる可能性があります。

「いいね！」 3
99

すべてのロックアイコンを星に変更したい場合は、新しいテーマコンポーネントを作成し、ヘッダーセクションに以下を追加してください:

<script type="text/discourse-plugin" version="0.8">
      api.replaceIcon('lock', 'star');
</script>
「いいね！」 4
100

@davidkingham ありがとうございます、素晴らしいですね！考えてみたところ、すべてのロックを星に変更することに喜んで同意します。そして、あなたのコードは完璧に動作します。本当に感謝しています :clap:

「いいね！」 3
101

念のため申し上げますと、コアおよびこのコンポーネントも更新されました。これにより、コンポーネントは /categories ページのロックアイコンも更新するようになりました。

「いいね！」 5
102

https://github.com/discourse/discourse-category-icons/pull/6

サブカテゴリのアイコン表示に関する修正もご検討ください。詳細は Category Icons - #50 by md-misko を参照してください。

「いいね！」 3
103

@ScammerRevolts @zooy0rk ハハ、私も同じ問題に遭遇しました。問題がもっと深刻でなかったことを本当に嬉しく思います。ビルド中に他の Postgres 関連のエラーも発生していたため、これが原因だとは全く予想できませんでした。:sweat_smile バックアップを復元するための新しいインスタンスの準備を既に始めていました。このコンポーネントを更新したところ（おそらく 4 リビジョンほど古かったようです）、完全に正常に動作するようになりました。

問題を特定するのにセーフモードが非常に役立ちました：Using Safe Mode to troubleshoot issues with themes and plugins

「いいね！」 2
104

マージ完了しました @md-misko、PR ありがとうございます！

また、コアに小さな修正を加え、/categories の「サブカテゴリ付きボックス」レイアウトでこれらのアイコンを表示するようにしました。

「いいね！」 2
105

「サブカテゴリリストスタイル」を「特集トピック付きボックス」に設定するとサブカテゴリのアイコンが表示されますが、「ボックス」のみに設定した場合は表示されません。

「いいね！」 1
106

はい、その修正はコアに含まれていますので、サイトを再構築する必要があります。

「いいね！」 3