在话题卡片中添加浏览量和回复数图标,以及最后活动日期

Topic Cards 提供了一种简单、美观且可用的方式来在主页面上渲染主题。但是,它所呈现的元数据还有改进的空间。

  • 它只显示“点赞数”。与此同时,同样是官方的 Topic List Thumbnails 则优雅地显示了“浏览量”、“点赞数”、“回复数”的图标,并且“最后活动时间”也与这些图标整齐地一起呈现。
  • 它显示的是发布日期而不是最后活动日期,这与 Discourse 的默认行为不一致,可能会让用户感到困惑(“为什么这个主题会排在前面,如果它已经这么旧了?”)。

image

从用户体验的角度来看,解决方案可能很简单:像在“主题列表缩略图”中那样渲染“主题卡片”中的元数据。如果可能的话,使用相同的代码。这样可以提高一致性,理论上也可以减少维护工作。

请比较:

主题卡片

左侧显示发布日期,右侧显示 :heart:

主题列表缩略图

同一个主题。显示的数据量加倍,但并未显得杂乱,并且日期对应的是最后活动时间,而不是发布日期,这与 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 在此 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 天后自动关闭。不再允许回复。