一个强调地点和意图的社区模板

我想分享一个我为社区项目所做的布局。我一直在努力抽象化它的一些想法,并希望它能为非营利、开源、分会制或其他分布式社区设置提供一些普遍的灵感。

该设计有两个主要目标:

  • 围绕对话始终提供地点和共同意图的建议
  • 在特色内容和工作区的更广泛背景下构建对话

概念着陆视图:

导航到特定区域将改变上下文提示。除此之外,导航保持一致:

导航到工作区将把协作工具添加到导航中:

我们在项目中的实现如下所示:

在每个空间,我们通过视觉效果和介绍性文字来暗示独特的背景和意图:

在工作区,导航菜单提供子导航和标签访问:

22 个赞

看起来和webcore的discourse实例很像。非常好

4 个赞

您制作了一些外观出色的 Discourse 设计。太棒了!

抛开您是否会这样做不谈,其中有多少可以作为普通 Discourse 主题共享?有多少是主题组件或其他更深入的自定义?

7 个赞

太棒了!真是个惊人的模板!:scream:

你是怎么创建它的?

4 个赞

看起来很棒。我们需要更多这样的自定义主题。

5 个赞

感谢大家的美言 :hugs:

关于如何实现:概念模板只是一个模型,我用 Figma 来制作。它不是 Discourse 特有的。

对于 Couchers.org 社区,我在 Discourse 上实现了它,将样式打包在主题中,并使用了主题组件(Header Search、Category Banners、Custom Nav Links、Featured Cards、Category Showcase、Modern Category Boxes、Easy Footer)。我添加了一些自定义代码,以便在主页和 Latest 路由上获得不同的横幅。

最终的社区布局和运作取决于调整设置:全站范围、组件上、分类上、标签上。因此,你不能仅仅通过共享一个打包的主题和组件来实现模板。

概念上,我不认为这是一个主题,而是一个模板、布局或模型。还不确定最佳术语。它的目标不仅仅是改变外观,而是改变运作方式和用户体验,以支持特定的用例或社区模型。我还在开发其他模板,想知道分享它们的最佳方式是什么。你需要一种导出和导入所有覆盖设置的方法。目前我所知道的唯一方法是使用备份,但如果能找到一种只针对设置而不针对网站内容的方法就太好了。

9 个赞

你已经可以导出/导入网站设置了:

记录每个设置可能需要一些工作,但一个简单的方法是在 Meta(打上合适的标签等)中发布一个新主题,使用以下结构概述所有自定义设置:

  1. 设计理念和演示网站(如果可用)
  2. 主题(作为导出文件)
  3. 主题组件(作为列表,并简要概述更改的设置)
  4. 插件(附带每个插件配置的简要说明)
  5. 与默认设置不同的设置(作为 .yml 文件)
7 个赞

这些建议太棒了!感谢分享@nathank

5 个赞

您在寻找更多自由职业工作吗?

5 个赞