|||
|-|-|-|
| 
| 摘要 | Header Categories Navbar 是一个简单的组件，可在站点标题中添加父类别链接菜单，并在需要时添加水平滚动溢出。
| 
|预览| 在 Theme Creator 上预览 |
| 
|存储库| https://github.com/discourse/discourse-categories-navbar |
| 
|安装指南|如何安装主题或主题组件|
| 
|刚接触 Discourse 主题？| Discourse 主题使用入门指南
安装此主题组件
此主题组件可在站点标题中添加父类别链接菜单：
| 名称 | 描述 |
|---|---|
| hide category dropdown | 隐藏主题列表导航中的类别下拉菜单 |
| hide all breadcrumb nav | 隐藏主题列表导航中的所有面包屑 |
| hide on topic scroll | 启用后，当主题标题固定到标题栏时，导航将在桌面端隐藏 |
由我们托管？ 标准版、商务版和企业版套餐均可使用主题组件。
这真的很酷——我喜欢它，Kris！它将与#sidebar完美结合，让核心类别显示在顶部，并在侧边栏上显示简短的个性化选择。
我注意到两个小的用户体验问题，如果能解决，将大大提升用户体验：
当处于类别列表时，正确的类别有一个漂亮的细微下划线。
但是，如果进入一个主题或子类别，这个下划线就不会保留。
如果在这两种情况下都能保留下划线，那就太好了。
在桌面设备上，当类别溢出时，会有一个漂亮的小淡入/细微箭头可见。
在移动设备上，溢出情况更可能发生，但在我的设备（Chrome / Android）上，这些细微的提示并不存在——并且不清楚是否可以滚动。
在移动设备上稍微加高类别栏，使滚动更容易，可能也会有帮助。
在移动设备上主要应用的另外两个用户体验问题：
在移动主题视图中，面包屑导航与类别导航栏发生冲突：
此外，未自动滚动到所选类别 - 这意味着除非用户滚动导航栏，否则无法显示它被选中。这真的很重要。
我想知道它是否还没有准备好用于移动设备，并且有一个设置可以仅将其应用于桌面（至少目前是这样）将会非常方便。
感谢您的快速反馈！我已合并一些更新，这些更新应能解决这些问题。
太棒了——如果我的反馈能被采纳，我非常乐意提供！我注意到你们为此添加了不少内容。
我把这当作一份小小的圣诞节 
礼物，彼此 
。
你们已经修复了进入子类别时的情况——太棒了！
但是，进入主题时并没有修复——这是故意的吗？我个人认为，如果用户“在”某个类别中时，类别应该保持高亮显示，这包括主题，而不仅仅是类别发现视图。
另外，当我进入另一个页面（例如 /admin）时，类别仍然被选中。在这种情况下，最好不要选中任何类别。
我现在可以在移动设备上看到渐变效果，但没有箭头/尖括号。如果可能的话，这将非常有帮助，因为渐变效果非常微妙：
桌面：
移动设备：
在主题中滚动时隐藏导航栏。这样会显得有点拥挤！
另外，在桌面上，导航栏最好位于图片中面包屑/标签所在的位置，而不是在它们下方。
能否为每个导航标签（Nav Pill）添加一个 CSS 类，以便在需要时可以轻松隐藏它们？
我之所以这样问，是因为我有几个（私有的）父类别，它们仅仅是为了启用子类别而存在的，它们不希望地挤占了通用导航。
我现在已经通过它们的 href 隐藏了它们，但这当然相当危险！
提供一个选项，按字母顺序对侧边栏类别进行排序。
在我实现这一点时，我已经从默认的侧边栏类别列表中移除了父类别。这意味着我的用户现在只有一份与他们相关的 1-5 个子类别的列表。
然而，它们有点混乱，没有逻辑顺序，因为 /Categories 页上子类别的顺序并没有真正意义。如果这些子类别按字母顺序排列，将非常有帮助！
感谢您的报告！这将解决此问题：
完美运行。谢谢！
你好！首先，我想指出这是一个非常有用的主题组件，我想感谢你所做的工作 
在我的实例中，此组件导致了错误，我检查了与其他插件和主题组件的兼容性，此时尚未发现冲突。该组件本身会是原因吗？
启用此组件会扭曲内容的呈现。
这是一个视频：
要检测到错误，你需要点击“最新帖子”页面 /latest 上的任何帖子，帖子将以标准模式打开，然后你需要返回到“最新帖子”页面。
@Aizada_M - 我无法重现此问题。您在从组件预览时遇到此问题吗？
您好！抱歉回复晚了
我没有使用预览，而是在组件启用时进行了测试。
当我点击主题标题下的类别名称时，这100%有效。
我注意到标题类别导航栏中的文本突然更改为 font-up-1（我认为以前是 font-down-1）。这非常刺眼且不舒服，因为它与其他所有导航胶囊的样式都一样。
我已经用以下 CSS 进行了覆盖，效果更令人愉悦：
// fixes text size of header navbar
.custom-categories-navbar .nav-pills li a {
font-size: var(--font-0);
}
我实际上更喜欢 font-0，因为它足够不同，而且使用起来更方便。
核心 CSS 没有改变，组件也没有设置字体大小。 
也许你之前有自定义 CSS？
4 个帖子被拆分为新主题：Broken mobile styling of Header Categories Navbar
喜欢这个TC，谢谢！如果能自定义哪些项目出现和不出现就更好了！
我喜欢它，但在最新版本的 discourse 中，主题组件似乎已损坏
编辑：它工作正常，但需要在标题中禁用“聊天”和“深色/浅色切换”图标
是的，这是因为我的徽标。如果我稍微裁剪一下，它就可以与聊天和深色/浅色切换一起使用。我现在使用的是：
.d-header #site-logo {
max-height: 30px;
}
嘿，我刚发现了一个 bug，可以这样复现。在移动设备上：
1- 点击标题中的一个类别
2- 点击类别中的一篇文章并滚动到底部
3- 点击标题中的同一个类别
所有类别标题都会消失。我刚在我的论坛和演示站上试过。
编辑：
如果你进入一个类别并刷新（F5）页面，情况也是一样的。所有类别都会消失。
编辑：
有修复方法吗？谢谢。
