我想分享一个我为社区项目所做的布局。我一直在努力抽象化它的一些想法,并希望它能为非营利、开源、分会制或其他分布式社区设置提供一些普遍的灵感。
该设计有两个主要目标:
- 围绕对话始终提供地点和共同意图的建议
- 在特色内容和工作区的更广泛背景下构建对话
概念着陆视图:
导航到特定区域将改变上下文提示。除此之外,导航保持一致:
导航到工作区将把协作工具添加到导航中:
我们在项目中的实现如下所示:
在每个空间,我们通过视觉效果和介绍性文字来暗示独特的背景和意图:
在工作区,导航菜单提供子导航和标签访问:
我想分享一个我为社区项目所做的布局。我一直在努力抽象化它的一些想法,并希望它能为非营利、开源、分会制或其他分布式社区设置提供一些普遍的灵感。
该设计有两个主要目标:
概念着陆视图:
导航到特定区域将改变上下文提示。除此之外,导航保持一致:
导航到工作区将把协作工具添加到导航中:
我们在项目中的实现如下所示:
在每个空间,我们通过视觉效果和介绍性文字来暗示独特的背景和意图:
在工作区,导航菜单提供子导航和标签访问:
看起来和webcore的discourse实例很像。非常好
您制作了一些外观出色的 Discourse 设计。太棒了!
抛开您是否会这样做不谈,其中有多少可以作为普通 Discourse 主题共享?有多少是主题组件或其他更深入的自定义?
太棒了!真是个惊人的模板!![]()
你是怎么创建它的?
看起来很棒。我们需要更多这样的自定义主题。
感谢大家的美言 ![]()
关于如何实现:概念模板只是一个模型,我用 Figma 来制作。它不是 Discourse 特有的。
对于 Couchers.org 社区,我在 Discourse 上实现了它,将样式打包在主题中,并使用了主题组件(Header Search、Category Banners、Custom Nav Links、Featured Cards、Category Showcase、Modern Category Boxes、Easy Footer)。我添加了一些自定义代码,以便在主页和 Latest 路由上获得不同的横幅。
最终的社区布局和运作取决于调整设置:全站范围、组件上、分类上、标签上。因此,你不能仅仅通过共享一个打包的主题和组件来实现模板。
概念上,我不认为这是一个主题,而是一个模板、布局或模型。还不确定最佳术语。它的目标不仅仅是改变外观,而是改变运作方式和用户体验,以支持特定的用例或社区模型。我还在开发其他模板,想知道分享它们的最佳方式是什么。你需要一种导出和导入所有覆盖设置的方法。目前我所知道的唯一方法是使用备份,但如果能找到一种只针对设置而不针对网站内容的方法就太好了。
你已经可以导出/导入网站设置了:
记录每个设置可能需要一些工作,但一个简单的方法是在 Meta(打上合适的标签等)中发布一个新主题,使用以下结构概述所有自定义设置:
这些建议太棒了!感谢分享@nathank
您在寻找更多自由职业工作吗?