如何制作自定义类别页面样式是最好的方法?

您好,我想创建一个类似 forums.envato.com 的分类页面样式。
该分类的标题和描述。
如果该分类下存在子分类。
该分类下的一些主题。

如何才能最好地实现这一点?使用主题组件?还是可以在主题中完成?

1 个赞

看起来他们没有使用公共组件,而是使用了自定义的 handlebars 模板来显示分类列表。

要实现分类列表的不同外观,一种方法是从站点设置 desktop category page style 中选择一个最接近您想要的默认样式,例如“子分类和精选主题”:

Screenshot from 2022-07-31 20-45-55

然后使用 CSS 来设置该默认模板的样式。

一方面,这相当直接。但正如设置名称所示,这只会影响桌面布局。据我所知,目前只有一个默认的移动布局,它使用自己的布局模板。因此,这可能是该方法的一个相当有限的缺点。

另一种方法是创建自己的布局并在桌面和移动设备上使用它。也许可以看看 GitHub - discourse/discourse-minimal-category-boxes 作为如何在组件中设置此功能的示例。

我认为它只是在桌面和移动设备上将新模板插入到默认模板之上,并使用 CSS 隐藏它们。这实际上是最简单和推荐的方法吗?

1 个赞