品牌导航 — 品牌菜单和头部链接
| 摘要 | 品牌导航 添加了一个带有直接链接和下拉菜单的品牌导航栏,并可在 Discourse 的头部添加可选的文本和图标链接。 | |
| 预览 | 截图和实时示例 | |
| 代码仓库 | CodeWorksLabs/brand-navigation | |
| 安装指南 | 如何安装主题或主题组件 | |
| Discourse 主题新手? | 使用 Discourse 主题的入门指南 |
安装此主题组件
品牌导航为您的社区提供了一个品牌导航栏,用于链接到您的网站、社区资源和相关项目。它支持下拉菜单,还可以将直接的文本或图标链接放置在 Discourse 自身的头部中。
示例
The Bridge: 位于论坛头部上方的导航栏,并在 Discourse 头部控件旁边添加了额外的链接。
Repeal OBBBA Forum: 一个红色的导航栏,在 Discourse 头部中包含社区菜单和社交链接。
功能
- 品牌标识: 显示名称、Logo 或两者兼有,支持分别设置浅色和深色 Logo。可将导航栏放置在 Discourse 头部的上方或下方。
- 链接和菜单: 添加直接链接和一级子菜单。父级项可以链接到一个页面并带有独立的菜单箭头,或者仅作为子菜单按钮。条目可以包含图标和可选的子菜单描述。
- 头部链接: 在 Discourse 的核心头部中放置社交链接、论坛链接和外部链接。
- 受众和设备控制: 向所有人、已登录访客或未登录访客显示条目,并选择桌面端或移动端的可见性。
- 移动端布局: 使用紧凑菜单、完整导航栏,或在移动端隐藏该组件。
- 外观和配置: 继承 Discourse 的调色板或设置组件颜色,调整头部链接的文本和图标大小,在结构化编辑器中重新排序条目,并导出或导入 JSON 配置。
快速开始
安装品牌导航 · 添加链接、菜单和颜色 · 备份或迁移设置
状态
可作为预发布版本使用。有关详细信息,请参阅已知问题和测试记录。
反馈与支持
欢迎在此主题中提出疑问、分享截图和配置建议。如需安装、配置和故障排除帮助,请在 CodeWorksLabs 论坛的 Brand Navigation Support 版块创建新主题。
错误报告、兼容性报告和文档更正也可以通过 GitHub Issues 提交。
路线图和功能请求
关注 Brand Navigation 路线图 以了解提议中、计划中、进行中以及已发布的工作内容。
有关于改进 Brand Navigation 的想法吗?请在 Feature Requests 中分享。
Brand Navigation 由 CodeWorksLabs 独立维护,并采用 GPL-2.0-or-later 许可协议。
致谢
感谢 Discourse Brand Header、Discourse Header Submenus、Custom Header Links (icons) 的作者,以及 Pavilion 的 Dropdown Header,他们的想法和示例为 Brand Navigation 提供了启发。完整的署名信息请参阅归属与许可及作者身份与来源记录。