lindsey
(Lindsey Fogle)
1
在过去的几个月里,我们一直在努力开发我们最新的 Discourse 主题 Horizon,今天我们很高兴与您分享我们的工作,并邀请您在您的社区中试用 Horizon。
在本主题中,我们将介绍 Horizon 并指导您完成安装。
关于 Horizon
Horizon 是一个简洁美观的主题,旨在为社区提供出色的用户体验,而无需管理员付出额外的努力。这个名字反映了我们希望这个主题能够表达出更广阔的愿景,即谁可以使用 Discourse 以及 Discourse 社区可以呈现出何种面貌。
浅色模式
深色模式
为什么我们构建 Horizon?
我们构建 Horizon 是为了让任何人都能更轻松地创建 Discourse 社区,并自豪地与他们的成员分享。
通过与 Discourse 管理员的交流,我们了解到,创建社区最重要的部分之一是修改其外观,以确保它是一个受欢迎、令人愉快的空间。Horizon 可以在不付出额外努力或定制的情况下,打造一个外观出色的社区。
Horizon 适合谁?
Horizon 专为那些没有专业知识或资源来定制 Discourse 外观的社区而设计。
我们为 Discourse 的灵活性和可定制性感到自豪——这一点不会改变!但我们相信,世界上有更多的 Discourse 是件好事,而我们做到这一点最好的方法就是让技术不太熟练的社区更容易地使用我们的产品蓬勃发展。
Horizon 的特别之处?
默认主题是一个空白的画布,而 Horizon 则有自己的想法。它注重空间感、简洁性和现代设计美学。
要看到区别,请使用 Meta 此处侧边栏底部的主题切换器切换到 Horizon:
以下是 Horizon 的一些不同之处:
- 信息密度较低。 Horizon 最显著的特点是主题卡片,它比标准的表格视图更精简,使其感觉更平易近人、更简洁。某些信息,如关于主题参与者、标签和分配用户的详细信息,将不可见。
- 更大的文字和更多的空间。 除了主题卡片,我们通过增加阅读区域的基础字体大小并采用全宽结构,为 Horizon 带来了更大的空间感。
- 开箱即用。 希望对网站外观进行广泛控制或有非常特定设计要求的社区,可以并且应该继续基于我们的默认主题进行工作,或创建自己的主题以最好地满足他们的需求。虽然我们已经对 Horizon 与最受欢迎的官方主题组件进行了测试,并且只发现了轻微的不兼容性,但我们不建议在 Horizon 中添加非官方组件或其他自定义代码。
使用 Horizon
只需几个简单的步骤即可为您的会员启用 Horizon:
- 转到
管理员区域,然后转到外观部分,点击主题和组件。
- 找到 Horizon 主题卡片,点击 … 按钮,然后选择设为活动,将 Horizon 设置为您的社区的新默认主题。(您可能需要刷新屏幕才能看到此更改。)
您可以选择启用任何新的颜色主题,这些颜色主题专为与 Horizon 配合使用而设计。
\u003e
注意:您可以替换 Horizon 上使用的颜色主题,但只有名为 Clover、Horizon、Lily、Marigold、Royal 和 Violet 的颜色主题才会出现在侧边栏的颜色选择器中。
关于配置颜色主题的说明。
- 在管理员侧边栏中点击颜色主题。
- 选择所需的颜色主题(例如,Horizon)。
- 勾选颜色主题可由用户选择设置,然后点击勾号进行确认。
- 对您想要使用的任何颜色主题重复步骤 2-3。
刷新后,您将在侧边栏底部看到一个画笔图标。您可以点击它来选择 Horizon 的特定颜色主题(如上图所示)。您的会员也可以这样做,以便在您启用的任何颜色主题之间进行选择。要为 Horizon 设置新的默认颜色主题(即会员在进行任何更改之前以及匿名访问者看到的 Horizon 外观):
- 在管理员区域转到主题和组件。
- 找到 Horizon 卡片并点击编辑。
- 将颜色主题字段更改为您想要的默认值。
Horizon 的未来
我们才刚刚开始!我们为这个主题的第一个版本付出了很多努力,但请期待在未来继续投入 Horizon 并对其进行改进。我们将积极寻求使用 Horizon 的站点的反馈,以便不断改进它,并希望在不久的将来使其成为 Discourse 站点默认附带的主题。
感谢
我们非常感谢所有通过在此处 Meta 上测试 Horizon 或参与我们的 Beta 测试来支持 Horizon(以及 Discourse 团队!)的人。这些反馈对于我们发现错误、进行调整和完善此主题下 Discourse 的整体体验非常有价值。非常感谢您的时间、反馈和支持!
39 个赞
这看起来太棒了!我真的很想试试。
但是,/admin/customize/themes/1/common/*/edit自定义没有路由。您能添加一个吗?我正在使用它来提供特殊的头部和其他自定义设置,独立于所选主题。
谢谢!
1 个赞
Moin
14
为什么不创建一个新的主题组件,在那里进行更改并将其添加到 horizon 主题中?
1 个赞
Moin
15
是不是我错过了,还是 Horizon 还没有添加到 Crowdin 进行翻译?我应该另外创建一个包含翻译的拉取请求吗?
lindsey
(Lindsey Fogle)
16
Horizon 主要设计为开箱即用,因此不建议进行直接定制或通过非官方组件进行定制。话虽如此,我很想了解更多您想对 Horizon 进行的更改,看看它是否适合我们更直接地将其纳入主题。
我正在研究这个问题,很快就会跟进!
1 个赞
实际上,它只是一个将论坛链接到 Fediverse 账户的标题(以及页脚中用于执行相同操作的 <noscript> 标签)。
我将主题组件代码放在这里:https://git.z7l.eu/ps/discourse-lire.im
请参阅 Mastodon 的基本原理。
这看起来很棒!!我猜这个主题将与我们目前使用的自定义组件不兼容?例如:
1 个赞
继续讨论 帮助我们测试 Horizon,我们最新的主题:
这在我的手机(iPhone 11 Pro Max)上不起作用。我猜可能是因为我在手机设置中增大了字体大小。
这个主题太棒了,感谢您的辛勤工作!
我想知道如何保持 forked horizons 的更新?我们有一些自定义修改需要保留 
1 个赞
sam
(Sam Saffron)
23
我们的长期目标是让所有官方组件都能在 Horizon 上良好运行。如果您作为客户需要定制工作,请随时联系 @team,看看我们是否能帮到您(可能需要一些付费定制工作)。
2 个赞
我想为该主题创建一个用户可选的选项,以便我添加修改该主题的主题组件。我希望用户能够按原样选择 Horizon 主题,或者选择其变体。
该主题的变体将是全宽的。它还将对单个帖子行的 CSS 进行样式设置,以使内容在页面上的视觉层次结构中比滚动条、底部新帖子和未读帖子等其他元素更靠前。
Horizon 看起来确实很棒,但它仍然没有解决主题页面信息密度的问题。对于来自其他传统论坛软件的用户来说,它在视觉上会让人不知所措。
我的评论可能与原生 Discourse 用户不太相关,但我带来的是外部视角。我至少要为我的社区做出这些改变。
1 个赞
我在群组显示中发现了一个小错误,可能会导致溢出:
可以通过添加 CSS 来缓解此问题:
.group-box-inner {
overflow: auto;
}
1 个赞
不,我不认为这是预期的。也许是某个组件干扰了它
?
sam
(Sam Saffron)
28
我觉得是这样,我猜这可能是从一个超宽全屏浏览器截取的截图。
2 个赞
非常喜欢这个主题,但似乎搜索横幅组件与它不太兼容。search_banner.subhead 文本没有显示,导致它看起来不对齐。还有一条淡淡的灰色线。
更新:
我禁用了搜索横幅,内置的欢迎+搜索看起来更好。但是,我看到了截图中的副标题文本。
此外,主页上的书签链接显示我还没有书签,尽管实际上我有。它链接到 /bookmarks 而不是 /u/johndoe/activity/bookmarks。
asa
30
确实是宽屏。但是,大量的空白区域会分散注意力。可以调整这一点吗?
Lilly
(Lillian Louis)
32
感谢您告知我们此事——我已经请设计团队的人员来查看此问题。
4 个赞