切换到单一类别风格的站点设置

嗨 Brian!您是在问是否有视频演示如何安装主题组件?目前还没有,但有一个指南:https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966,您或许可以看看。如果您遇到麻烦,我们随时为您提供帮助!

2 个赞

是否有办法在沙盒版本中进行这些安装(我在您的托管计划上),这样如果出现问题就不会影响实时站点。我想先进行测试,如果一切顺利,然后将修复应用于我的实时站点。

2 个赞

正在寻找如何切换回默认(项目符号)样式的说明。在哪里可以找到这些详细信息?

2 个赞

切换回默认项目符号样式无需安装任何内容。

查找 category_style 管理员设置并将其更改为“bullet”,使其看起来像这样:

步骤如下:

  1. 前往您网站上的 /admin
  2. 从菜单中选择 SETTINGS
  3. 搜索“category style”
  4. 选择“category style”下拉菜单并选择“bullet”(或选择 RESET 以将其改回默认值,即 bullet)

完成上述操作后,您将在显示类别的所有位置看到项目符号样式。

5 个赞

太好了,感谢您的建议,修复起来非常简单。

2 个赞

不客气!我刚刚在上面的第一个帖子中添加了分步说明,以方便他人。

4 个赞

我刚刚合并了此更新:

因此,如果您今天晚些时候更新 Discourse,将不再有 category_style 站点设置。

如果您想恢复框式/条式/无式样式,可以安装 Category Badge Styles 主题组件。

Category Icons 主题组件也已更新以支持此更改,并将与 Category Badge Styles 组件一起使用。

11 个赞

为什么不直接保留它呢?对于希望人们能够轻松区分主题的大型网站来说,项目符号样式非常糟糕。我担心主题组件不会提供相同的灵活性,或者随着时间的推移它本身也会被弃用。

我认为混合使用项目符号和其他样式没有问题,事实上我认为这有助于防止论坛看起来过于刻板/缺乏活力:

4 个赞

您好,

正在测试 3.2.0.beta4-dev [04a58a6e64]

每当我创建一个新类别并为其分配特定颜色时,该颜色似乎并未按预期应用于项目符号。相反,无论选择什么颜色,项目符号都保持白色。

这与最近的更改有关吗?

3 个赞

在研究此问题时,我们发现我们托管的 87% 的网站都使用了默认样式。

移除设置固然困难,但如果我们继续累积设置,随着时间的推移,Discourse 的配置将变得越来越困难。利用主题进行纯粹的视觉更改似乎是一个合理的折衷方案。

在移除其他分类徽章样式(category badge styles)的过程中,我们也使它们可以通过主题进行更灵活的更改。分类颜色现在可以在徽章的 CSS 中找到,而不是内联应用于特定元素。以前选择不同的样式会改变徽章的 HTML,但现在完全由 CSS 处理。

我们没有弃用主题组件(theme component)的计划,而且我们已经支持了一些不太受欢迎的主题组件多年了……所以虽然很难保证未来的任何事情,但希望这至少能让你稍微安心一些。

是的,看起来是这样。我们将着手解决这个问题。新的分类徽章使用 JS 生成 CSS,而分类在这一点上还不存在……因此,在创建分类时,我们需要一种不同的方法来预览颜色。感谢告知。

9 个赞

下次更新时将修复此问题:

4 个赞

我想让你知道,这在我的论坛上是一个回归。

我按照要求安装了主题组件,但“框”的 DOM 可能不相同,因为我的 CSS 完全损坏了:

之前:

image

之后:

image

我希望这次过渡能顺利进行——尤其是你努力提供了一个主题组件 :slight_smile:

4 个赞

是的,这比我们最初预期的要棘手。你最终解决了吗?如果没有,我们可以在这里讨论,或者你可以直接联系我们的支持团队。

5 个赞

我们确实需要处理自定义 CSS,现在已经完成了 :sunglasses: 谢谢。

5 个赞

@awesomerobot 我认为出现了一个回归。我今天更新了,现在看到的是这样:

宽屏:

窄屏:

之前:
CleanShot 2023-10-18 at 18.58.06@2x

4 个赞

感谢您的反馈!此更新应能解决此问题:UX: update category badge variable to match core by awesomerobot · Pull Request #3 · discourse/discourse-category-badge-styles · GitHub

3 个赞

感谢 @awesomerobot 快速修复!

我还注意到主页上的 .subcategories .badge-category 有一个小的回归。
目前在 .badge-category__wrapper .badge-category 中将填充设置为 var(--badge-category-padding-v) var(--badge-category-padding-h),但这会影响 .subcategories .badge-category,后者以前没有任何垂直填充。

之前:

现在:

4 个赞

我已经为此进行了更多调整:UX: spacing and alignment adjustments for box mode by awesomerobot · Pull Request #4 · discourse/discourse-category-badge-styles · GitHub

5 个赞

太好了,这样效果好多了。

我不知道这是否是由于最新的更改,但在具有子类别的类别中,“全部”和“无”现在缺少左填充:

另外,在编辑现有主题的标题时,“标签(可选)”也会出现这种情况,并且父类别似乎也未对齐:

2 个赞

我也有同样的问题,不知道是不是故意的,但在不同情境下(首页、编辑现有主题、仅编辑标题、更改当前类别、滚动浏览现有类别列表)我看到了不一致的字体大小/垂直填充。

这是我在一张截图中能捕捉到的所有内容(所有 3 个窗口的缩放级别相同):

@awesomerobot

5 个赞