Discourse 主题列表 作者和发帖人

:information_source: 摘要 在主题列表页面的左侧列中添加主题作者,并提供一个选项,仅在默认作者列中显示最近的发布者。作者头像的大小和形状也可以设置。
:eyeglasses: 预览 \u003chttps://discourse.theme-creator.io/theme/Lilly/discourse-topic-list-author-posters\u003e
:hammer_and_wrench: 代码仓库 \u003chttps://github.com/Lillinator/discourse-topic-list-author-posters\u003e
:question: 安装指南 如何安装主题或主题组件
:open_book: 初次接触 Discourse 主题? Discourse 主题使用入门指南

安装此主题组件

:woman_technologist:t2: 概述

此 Discourse 主题组件在所有主题列表路由的第一列中插入主题作者头像,并提供设置项,允许管理员指定头像的形状和大小。此外,作者的头像不会显示为作者列表中的第一个头像。

还有一个设置项可以使作者头像列仅显示最新的(最近的)发布者,但这仅在主题参与者多于一个时生效。因此,只有当主题中有其他发布者时,作者的头像才会显示。

此外,如果启用了最新主题列表视图(即:“带有最新主题的分类”),管理员还可以选择在分类页面上显示主题作者,并且同样提供头像大小和形状选项。

主题行的内容也已垂直对齐到顶部,以保持视觉一致性。

在小视口(移动设备尺寸)中,作者将出现在最新发布者头像的位置。

此主题与 主题列表摘录Discourse AI 摘要 gist 配合良好。

:gear: 设置

组件管理页面中默认选项的设置截图

设置 描述
Topic list author avatar size 主题列表页面路由中作者头像列的头像大小 - small(小)、medium(中)或 large(大)。
Topic list author avatar border radius 主题列表页面路由中头像的圆角设置:0% = 方形 → 50% = 圆形。 tab_style = 左上角圆角
Topic list show las poster only 仅在作者列中显示最后一个发布者的头像,但这仅在主题参与者多于一个时生效。
Show author on categories page 在分类页面的主题列表中,显示作者头像而不是最新发布者的头像。
Category page topic avatar size 分类页面主题列表的作者头像列中的头像大小 - small(小)、medium(中)或 large(大)。
Category page avatar border radius 分类页面中头像的圆角设置:0% = 方形 → 50% = 圆形。 tab_style = 左上角圆角

:camera_flash: 截图

以下是一些具有不同头像大小和形状设置的截图,也显示了启用摘要 gist 扩展/折叠时的效果。

显示启用不同组件设置的主题列表页面的截图,显示了紧凑和扩展的 gist 模式,以及侧边栏的展开/折叠状态

默认设置:

摘要 gist 扩展时,使用 tab_style 大号头像:

小头像,15% 圆角形状,并启用了 Topic_list_show_last_poster_only

中等大小头像,0% 圆角(方形),启用了 Topic_list_show_last_poster_only,并且摘要 gist 已扩展:

显示分类页面截图,其中作者或最新发布者的头像具有 2 种不同的尺寸和形状。

默认组件设置,中等大小圆形头像,启用了 Show_author_on_categories_page

大尺寸 tab_style 头像,禁用了 Show_author_on_categories_page

移动设备尺寸视图截图

使用 tab_style 作者头像:


:backhand_index_pointing_right:t3: 注意事项

  • 在个人资料页面选项卡中,作者头像和发布者列会按预期插入和更改。
  • 移动设备上的行为与主题页脚列表(推荐/相关主题)以及个人资料和收件箱选项卡页面中的默认行为相同。
  • 与 horizon 主题兼容性不佳。:slight_smile:

:bulb: 潜在的未来待办事项

  • 添加移动设备禁用切换
  • 分类和标签豁免
  • 从左到右的支持
  • 进一步的样式改进
  • 整合主题摘录
  • 设置发布者头像形状

:hugs: 一如既往,感谢 @Moin 提供的想法、反馈和调试帮助。

9 个赞