トピックカードに表示数と返信数のアイコン、および最終アクティビティ日時を追加

Topic Cards は、メインページでトピックをレンダリングするためのシンプルでありながら美しく使いやすい方法を提供しています。しかし、提示されるメタデータには改善の余地があります。

  • いいねの数しか表示されません。一方、公式の Topic List Thumbnails は、ビュー、いいね、返信のアイコンを非常にエレガントに表示し、最終アクティビティもこれらのアイコンと共にきれいにレンダリングされます。
  • 公開日が表示され、最終アクティビティ日が表示されないため、Discourse のデフォルトの動作と一貫性がなく、ユーザーを混乱させる可能性があります(「なぜこんなに古いトピックが一番上にあるのか?」)。

image

UX 的には、Topic Cards のメタデータを Topic List Thumbnails でレンダリングされているのと同じようにレンダリングするのが簡単な解決策になるでしょう。可能であれば、同じコードを使用します。より一貫性があり、理論的にはメンテナンス作業も少なくなります。

比較を見てみましょう。

トピックカード

左側に公開日、右側に :heart: が表示されています。

トピックリストサムネイル

同じトピックです。表示されるデータは2倍ですが、それでも煩雑さはなく、日付は Discourse のデフォルトと同様に、公開日ではなく最終アクティビティに対応しています。

「いいね!」 5

fkbテーマを参照してください。追加のカスタマイズを行い、プライベートで使用するためのテーマテンプレートを https://businesslab.vn で作成しました。

「いいね!」 2

この提案をシンプルにするために、公式コンポーネント(Topic List Thumbnails)を参照して別の公式コンポーネント(Topic Cards)を改善することを提案します。サードパーティのテーマやコンポーネントを混ぜ合わせると、それらがどれほど優れていても、物事が複雑になります。 :slight_smile:

個人的には、デフォルトテーマに留まり、その上に構築することを好みます。Gracefulテーマは、背景/フローティングエリアのデザインの柔軟性が高いため、それに落ち着いているだけかもしれません。Topic CardsはGracefulテーマの原則によく適合しており、(私たちのケースでは)必要のない機能を追加しません。

「いいね!」 2

これは私にとって良い改善のように思えます。現時点ではこの変更を行う帯域幅はありませんが、pr-welcome としてマークしておきます。これは、コミュニティからの貢献を歓迎し、ここで提案された変更を行うことを意味します。

@icaria36、提案ありがとうございます。

「いいね!」 5

素晴らしい!@RGJ と私は PR について話し合い始めました。

「いいね!」 5

:+1: PR here Add icons for Views and Replies, and Last Activity date by communiteq · Pull Request #13 · discourse/discourse-topic-cards · GitHub

「いいね!」 5

RGJさん、ありがとうございます!

https://podkasts.org にこのバージョンをデプロイし、デスクトップとモバイルでテストしました。

CSS を追加しました(RGJ さんのコンポーネントバージョンとは別に、ローカルで)。
a) 「Published」を削除しました(この変更の理由は上記をご覧ください)。
b) Graceful テーマ(モバイルのスペースを制限する左マージンを導入します)でよりうまく機能するようにしました。

最終的な結果は、まさに私たちが望んでいたものです。:tada:

「いいね!」 4

追加のメトリクスを表示/非表示にする設定を追加するのは良い考えだと思います。元のデザインは、コンテンツの一部を削除することで、よりミニマルにすることを意図していたため、その意図を維持できるようにしたいと考えています。

「いいね!」 3

今週中に設定を追加します。デフォルトでは、ビューと返信は表示されません。

「いいね!」 3

これらの設定を追加しました。各アイコンと番号は表示または非表示にできるようになりました。
元の動作がデフォルトです。

Add icons for Views and Replies, and Last Activity date by communiteq · Pull Request #13 · discourse/discourse-topic-cards · GitHub を参照してください。

「いいね!」 5

Discourse をアップグレードしました。@RGJ のパッチも含まれています。参考までに、私たちのサイトではすべて期待どおりに動作しています。:tada: どうもありがとうございます!

「いいね!」 3

ありがとうございます。この追加を含むPRはマージされました。

「いいね!」 5

このトピックは2日後に自動的に閉じられました。返信はもう受け付けられません。