最新列表作为网格视图

您好!

我目前正在开发自己的“博客”主题,并希望将最新的视图设置为网格样式(就像这里的主题类别一样)。
我知道有几个组件可以实现这一点,但我的帖子中没有图片,所以看起来有点奇怪。而且(例如在 topic-thumbnails 组件中)没有选项可以将其设置为 2 列或 3 列(甚至是灵活的)。

我尝试了很多方法(之后网站几乎都坏了 :joy:),但找不到如何做到这一点。

有人能给我一些关于如何解决这个问题的提示吗?我只需要基本设置,之后我可以“样式化”它以满足我的需求。

此致

附注:如果这是错误的类别,请移动它。 :slightly_smiling_face:

大多数此类内容都可以通过管理员设置 CSS > 自定义 > 主题 > 自定义 CSS 进行设置。

我还想拥有两列和一个更窄的视图,因此我将 max-width 从 1100px (?) 减小到 950px,这也从三列更改为两列 - 在我的例子中是这样的

:root { --d-max-width: 950px; }

主题列表预览是响应式的,因此会自动设置列数。您只需用侧边栏(例如使用布局插件)稍微压缩它,列数就会减少。(请参阅此示例 https://www.starzen.space - 最初是 2 列,但单击一个标签,它会恢复为 3 列)

2 个赞

是的,我知道这可以通过 CSS 来完成,我的整个主题都是用 CSS 完成的。
而且,我没有 1100px,我的设计可以根据屏幕分辨率灵活调整。不,我不想使用这种超小的固定宽度 1100px。 :wink:

@merefield
我尝试了很多次这个主题组件,但它并不是我想要的。我的帖子中没有图片,而且它应该能够根据屏幕分辨率灵活调整列。

我正在寻找将列表转换为网格的 CSS 类。 :slightly_smiling_face:

是的,这就是为什么在移动设备上只有一列。

在带有一个侧边栏的 11 英寸 iPad 上,TLP 在横屏模式下显示两列,在竖屏模式下显示一列。

这是 TLP 中的关键行:

你应该阅读这个:

还有这个(但不确定你说的“分辨率”是不是这个意思,因为这可能会与 DPI 混淆):

2 个赞

谢谢!

我的问题是找到 discourse 中列表的正确 CSS 类。
是 topic-list-item 还是 topic-list-item-seperator,或者其他什么。

我稍后会尝试一下。

网格 CSS 需要放在项目级别之上。请参考 TLP 或 TLT 的做法。

3 个赞

我现在正在使用 https://meta.discourse.org/t/topic-list-thumbnails/150602/1,并通过 CSS 覆盖了一些内容。我不想在文本中使用任何图片,但你可以使用默认图片。

你不是指图标吗?
你不需要使用 TLP 的图片,并且可以使用默认的图片

1 个赞

是的,当然,一个默认图标。 :wink:

抱歉重复发帖,但我还有一个关于注册/登录按钮的问题。

我想隐藏匿名用户的这两个按钮,但那样我也无法登录。是否有登录网站的网址或类似的网址?

没有人?

真的没有登录网址吗?

Discourse Meta - The Official Support Forum for Discourse

取决于您的登录方式以及您想要什么。 :slight_smile: