品牌导航

品牌导航 — 品牌菜单和头部链接

:information_source: 摘要 品牌导航 添加了一个带有直接链接和下拉菜单的品牌导航栏,并可在 Discourse 的头部添加可选的文本和图标链接。
:eyeglasses: 预览 截图和实时示例
:hammer_and_wrench: 代码仓库 CodeWorksLabs/brand-navigation
:question: 安装指南 如何安装主题或主题组件
:open_book: Discourse 主题新手? 使用 Discourse 主题的入门指南

安装此主题组件

品牌导航为您的社区提供了一个品牌导航栏,用于链接到您的网站、社区资源和相关项目。它支持下拉菜单,还可以将直接的文本或图标链接放置在 Discourse 自身的头部中。

示例

The Bridge: 位于论坛头部上方的导航栏,并在 Discourse 头部控件旁边添加了额外的链接。

Repeal OBBBA Forum: 一个红色的导航栏,在 Discourse 头部中包含社区菜单和社交链接。

功能

  • 品牌标识: 显示名称、Logo 或两者兼有,支持分别设置浅色和深色 Logo。可将导航栏放置在 Discourse 头部的上方或下方。
  • 链接和菜单: 添加直接链接和一级子菜单。父级项可以链接到一个页面并带有独立的菜单箭头,或者仅作为子菜单按钮。条目可以包含图标和可选的子菜单描述。
  • 头部链接: 在 Discourse 的核心头部中放置社交链接、论坛链接和外部链接。
  • 受众和设备控制: 向所有人、已登录访客或未登录访客显示条目,并选择桌面端或移动端的可见性。
  • 移动端布局: 使用紧凑菜单、完整导航栏,或在移动端隐藏该组件。
  • 外观和配置: 继承 Discourse 的调色板或设置组件颜色,调整头部链接的文本和图标大小,在结构化编辑器中重新排序条目,并导出或导入 JSON 配置。

快速开始

安装品牌导航 · 添加链接、菜单和颜色 · 备份或迁移设置

状态

Release v1.0.0-rc.5 可作为预发布版本使用。有关详细信息,请参阅已知问题和测试记录。

反馈与支持

欢迎在此主题中提出疑问、分享截图和配置建议。如需安装、配置和故障排除帮助,请在 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 提供了启发。完整的署名信息请参阅归属与许可及作者身份与来源记录。

3 个赞

这看起来太棒了。我很期待看到它如何展开和发展!