在 Discourse 和网站之间添加全局头部

我们希望为我们的 Discourse 站点和 WordPress 站点拥有一个现代且响应式、可访问的页眉。我的问题可能适用于任何其他平台(针对主网站),我只是碰巧在使用 WordPress。

到目前为止,我们已经通过一个非常基础的导航栏实现了这一点。它具有移动响应性,当使用移动设备时,文本标题会被移除,仅显示按钮图标。

网站 - Pickleballist

网站:移动端

Discourse - Pickleballist 社区

Discourse:移动端


我编写了全局页眉的所有 HTML 和 CSS,它非常基础。

随着我们的网站和提供的服务不断扩展,拥有一个更强大的全局导航菜单会很好。但我希望它能以当前的方式运行,这样我就可以将相同的页眉菜单安装到我的 Discourse 站点和 WordPress 站点上。

我发现了一个名为“Monaka”的 CSS 响应式菜单,我认为它非常适合我们的需求,但它对我来说有点太复杂了……我不确定如何实施/安装它。

有什么见解吗?

作为参考,有一些关于全局导航菜单等的类似主题,但我找不到针对我们需求的具体解决方案。

  1. 我如何添加自定义汉堡菜单
  2. 自定义页眉链接
  3. 自定义汉堡菜单链接