主题列表预览 (TLP)

这是一个主题组件,但可以选择添加一个互补插件。

:information_source: 摘要 原始的“主题预览”组件,允许您在主题列表中添加图片和摘要(以及更多内容!),同时可以配置哪些列表显示哪些添加内容。
:hammer_and_wrench: 仓库链接 GitHub - merefield/discourse-tc-topic-list-previews: Enriches the content and layout of topic lists · GitHub
:open_book: 安装指南 Installing a theme or theme component
:heart: 赞助 请考虑成为我开源工作的长期赞助商,赞助金额请根据您的个人或组织资源与需求而定,以确保该组件获得应有的维护,并继续为您的站点提供服务。

喜欢这个主题组件吗?请在 GitHub 上给它 :star: 吧!

安装此主题组件

Discourse Bars 🍻 🍸 (a sidebar framework) 配合使用效果极佳!

概述

“主题列表预览”允许您:

  • 在主题列表项中添加图片、摘要和主题统计信息;以及
  • 更改主题列表项的布局和样式
  • 在主题列表和主题上方添加“精选”主题。
  • 在用户活动页面(即“作品集”功能)中添加用户墙。

辅助插件

它可以与“辅助插件” 互补:https://github.com/merefield/discourse-topic-previews-sidecar

这目前是一个私有仓库,只有每月贡献至少 7 美元的 GitHub 赞助商才能获得访问权限。

以添加以下功能:

  • “操作”(从主题列表中进行书签、链接和点赞)
  • 主题元编辑器中的缩略图选择器。(使用简单的界面从整个主题中挑选任意缩略图)
  • 基于缩略图主色调的背景着色
  • 处理 YouTube 缩略图以去除黑色边框(这对确定最佳主色调至关重要)。
  • 在重建主题帖子时重新生成缩略图的选项,以便您可以快速单独管理每个主题的边框消除。

插件安装指南:Install plugins on a self-hosted site

您至少需要主题组件,插件是可选的。

这些设置可以全局应用,也可以针对特定类别应用。

这套灵活的功能允许您创建各种不同风格的主题列表,包括

基础样式

相关设置
  • 主题列表缩略图
  • 主题列表摘要
  • 主题列表操作

Pinterest(瀑布流)样式,又称“磁贴”

相关设置
  • 主题列表磁贴
  • 主题列表缩略图
  • 主题列表摘要
  • 主题列表操作
  • 主题列表缩略图宽度
  • 主题列表缩略图高度

它具有宽格式选项(由设置 topic_list_tiles_wide_format 控制):

这具有响应式设计,因此如果宽度不足,它将折叠为瀑布流格式(反之亦然)。

精选图片

相关设置
  • 主题列表精选图片标签
  • 主题列表精选图片数量
  • 主题列表精选宽度
  • 主题列表精选高度
  • 主题列表精选标题
  • 主题列表精选摘要
  • 主题列表精选排序

切换摘要:

我此前引入了此功能,用于配合我的 AI 主题摘要 插件。

您也可以将其用于 TLP:

实际应用示例 :seedling:

支持

我不提供免费的支持保证。我可以为注册我 GOLD 或 PLATINUM 月度赞助层级 的企业或机构提供支持。

此外,还有一个一次性错误排查选项

54 个赞
Facebook-like Feed?
Topic List Previews (legacy)
A more social Discourse layout
Discourse AI Topic Summary :robot:
Hi, is there a plugin for user image galleries?
New Photography Theme
Search results page displays topics title that I cannot click
What are good plugins or theme components for a forum emphasizing pictures?
Changing views to creating date?
I want to create a Theme/Theme component as shown in the picture below!
Imageboard layout for topics (topic excerpts)
Enabling a plugin for a specific theme only
Undefined column 'boomarks.post_id' after update
Attempted to upgrade and I think I messed something up
Allow users to block keywords
How to display posts as blocks?
Option to select format and compression degree for thumbnails
FKB Pro - Social theme
FKB Pro - Social theme
Multiple installs of user portfolio
Any plugins that show MEDIA on forum index?
FKB Pro - Social theme
Topic List Sort - Random
How can I change the background of a certain topic?
Homepage plugin for displaying recent topics, latest members, popular threads, and similar elements
Some posts showing 'ignored content'
Topic details under title
FKB Pro - Social theme
How to set summary word count?
Ghost Theme
2023: The Year in Review
Can the homepage display images within the Topic feed?
Expand new posts in topics in "Unread" and "New" to full summary
Can we get a custom PROFILE up?
Topic Author
Is it possible to display the thumbnails in Docs?
All links to categories broken?
Discussion grid latest
Is there a Kanban theme for Discourse?
Is it possible to add posts to a profile?
Carousel sliders with Featured Tiles component on mobiles?
How to display posts in grid?
FKB Pro - Social theme
Can discourse be used entirely through the APIs to build a flutter app?
2024: The Year in Review
How can I set the search results displayed in grid or mansionry
Visually better separate topics on the home page
Can Discourse achieve this kind of card UI layout for topics?
Creating a Unique Gallery Layout for a Category
View count on fakebook theme
Display post content in homepage
Create a forum with the same interface and functions
Help with display home screen look
Is there a way to display topic contents in category view?
How can I make my forum look like this one?
Homepage Feature
Cannot see the multiple posts selection icon on desktop view
Fakebook Theme
Video thumbnails issue
Don't show grid, just topics list
Guest Gate Theme Component
Visual newsfeed as community home
Visual newsfeed as community home
Looking for feedback on my new Discourse site ✨
Featured Topics
PAID - Seeking Discourse Developer for Custom Portfolio Feature
Eliminate YouTube thumbnail black bars
This theme (or component) msg doesn't go away
How to create a banner with link in the image?
Chat channels and chat nav seem to have broken
Topic List Previews (legacy)
Adding Like Dislike Buttons And Inline Replies To Redditish Theme
News on the sidebar
2021: The Year in Review
Topic excerpts appearing after update to Discourse 2.8
Thumbnail of topic
Extend Topic List Thumbnails TC with like button
Infinite scrolling is a total pain
Developing a component or plugin similar to topic list thumbnails or topic list previews
No Thumbnail for Unlisted Vimeo Videos
Plugin vs. theme component
Discourse.stpl and discourse.tlp

有没有办法让特色图片根据添加标签的时间进行排序?目前,它会显示最近有活动的帖子的特色图片,从而将最新的标记图片推到后面。

例如,如果我有 10 张图片,我将其中 5 张标记为特色图片,那么这 5 张图片将显示在顶部栏中。如果我添加另外 5 个标签,它们将替换现有的 5 个。但是,如果之前的 5 个帖子中的任何一个有评论或帖子,该图片就会被置于最前面。

3 个赞

标签?没有,但有一个按创建日期排序的选项:

image

1 个赞

警告:我很快就会推送一个“图块(物品)”布局的更改。如果您进行了一些 CSS 调整,可能需要对其进行……嗯……调整:

我保证不会经常这样做,但这次是为了整理和支持未来可能出现的一些新功能……

目前该更改位于 beta 分支上。

3 个赞

是的,该选项有一定帮助,但如果任何较旧的帖子有任何更新,它就会排在前面。

2 个赞

我只使用了 Discourse API 中提供的原生选项(它本质上是一个主题组件,所以你无法更改 API)。等我有空时,我会再看看排序问题。不过,这个问题之前出现过,我曾做过一次更改来帮助一位用户。Topic List Previews (legacy) - #1154 by merefield created_at 属性在有新帖子后保持不变吗?你确定你更改了设置并刷新了浏览器吗?

3 个赞

@raghukamath 我刚测试过,似乎按预期工作?它仍然不会响应新帖子的顺序更改,并且会尊重 created_at 日期。请刷新您的浏览器并重试。

3 个赞

没问题。我会再测试一下。也许是因为启用了该选项时的行为让我感到困惑。很抱歉给您带来这么多麻烦。

我的会员们提出的另一个问题是,未读和已读主题的 CSS 颜色修复未在移动浏览器上应用。

1 个赞

是的,正如之前所述,那仍然是待处理的。我将在上述布局更新中尝试发布它,可能在几天内。

您好,我尝试使用已弃用的 git 插件时,无法在移动缩略图上覆盖 CSS。它一直恢复到 80px 的高度。开始搜索时,我看到它已移至组件。我是否会遇到同样的问题,需要克隆组件来更改它,还是有其他解决方法?我希望移动设备在移动浏览器上具有全宽度。

这里的布局不适合您的需求吗:Topic List Previews (TLP) - #4 by merefield 适合您的需求吗?新的图块具有全宽缩略图。这目前在 beta 分支上。如果需要,可以将其安装为附加的主题组件进行尝试。请记住在安装时指定分支,并编辑主题组件名称以使其清楚这是 Beta 版本。

1 个赞

这肯定会的。我现在把它设为我想要的宽屏了。谢谢。

1 个赞

我已经合并了 beta 分支:

  • 图块的内部样式已现代化和整理。缩略图现在是列的全宽度。
  • 有一些 CSS 简化
  • 移动端对非图块进行了一些小的布局改进。
  • 图块标题现在也应该反映移动端的先前访问情况。
4 个赞

你好,

感谢你提供的这个出色的组件!我喜欢它的设计 :heart_eyes:

我在 Discourse 中相对较新,对技术术语不太了解。

我在图像未在列表组件中显示方面遇到麻烦。不知何故,图像在组件预览中显示,但当我加载实际内容时,图像却消失了。


^ 这是组件的预览

1 个赞


^ 加载真实页面时就是这样显示的

现在,我认为这与我的 discourse 设置有关?

是否有特定的设置必须激活才能使此组件正常工作?我真的不知道为什么它没有按预期工作……

1 个赞

您好,感谢您的关注。

有几点需要说明:

  • 如果您以前从未安装过类似的组件或插件,缩略图的生成可能会有延迟。这是一个批处理过程,需要时间。安装组件并将其添加到主题后,此过程应在后台自动开始运行。请检查您的 sidekiq 队列。您可能会看到很多排队的作业。
  • 它不一定与任何主题兼容,总有可能发生冲突:它仅与默认主题一起开发和设计。请先在仅使用默认主题的网站上进行测试。您可以调整其外观和感觉,但这需要基于该组件的特殊构件。
1 个赞

罗伯特您好:

感谢您的回复!我将在我的网站上测试您建议的方法 :slight_smile:

1 个赞

罗伯特您好。我在标题下方引入了一个包含第三方 JavaScript 的表格,当我在组件中使用它时,脚本会破坏预览。有什么解决方法吗?

如果脚本中存在阻止 JavaScript 执行的错误,则可能会破坏需要 JavaScript 正常运行的 TLP 布局代码。请在浏览器控制台中查找红色错误。

1 个赞

您好,我按照您的建议启用了创建日期选项。这在一定程度上解决了问题。但我认为在旧的插件中,顺序是根据帖子被标记的日期设置的。此外,旧图片在首页上因任何更新或回复主题而出现的问​​题,使得新图片难以保持特色。假设我将一张图片设为特色图片,如果一年以前的某个旧帖子有了新回复,首页将显示该帖子的特色图片。如果许多旧帖子得到回复,新标记的特色图片就会消失。