品牌导航

Brand Navigation — 品牌化菜单与页头链接

:information_source: 摘要 Brand Navigation 添加了一个带有直接链接和下拉菜单的品牌化导航栏,并在 Discourse 的页头中添加了可选的文本和图标链接。
:eyeglasses: 预览 屏幕截图和在线示例
:hammer_and_wrench: 仓库 CodeWorksLabs/brand-navigation
:question: 安装指南 如何安装主题或主题组件
:open_book: 不熟悉 Discourse 主题? Discourse 主题使用新手指南

安装此主题组件

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

示例

The Bridge: 论坛页头上方的导航栏,并在 Discourse 页头控件旁显示额外链接。

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

功能

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

快速入门

安装 Brand Navigation · 添加链接、菜单和颜色 · 备份或迁移设置

状态

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

反馈与支持

欢迎在此主题中提出疑问、分享屏幕截图和配置想法。如需安装、配置和故障排除帮助,请在 CodeWorksLabs 论坛的 Brand Navigation 支持 版块发起新主题。

Bug、兼容性报告和文档更正也可以通过 GitHub Issues 提交。

路线图与功能请求

请关注 Brand Navigation 路线图 以了解提议、计划、进行中和已发布的工作。

有关于改进 Brand Navigation 的想法吗?请在 功能请求 版块分享。

Brand Navigation 由 CodeWorksLabs 独立维护,并根据 GPL-2.0-or-later 许可发布。

致谢

感谢 Discourse Brand Header、Discourse Header Submenus、Custom Header Links (icons) 的作者,以及 Pavilion 的 Dropdown Header 的作者,他们的想法和示例为 Brand Navigation 提供了参考。完整的致谢信息请参阅署名与许可和作者身份与出处记录。

5 个赞

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

1 个赞

谢谢。我补充了几点,但大部分工作已完成,目前正等待用户反馈。我很期待看看大家的使用体验,特别是想了解那些从其他组件迁移过来的用户在设置导入功能上的表现。