||||\n-|-|-|\n:discourse2: | 摘要 | Air Theme 是一个干净现代的主题,包含一些主题组件,可增强您的论坛!\n| | 预览 | 在 Discourse 主题创建器上预览 \n:hammer_and_wrench: | 仓库链接 | \u003chttps://github.com/discourse/discourse-air\u003e\n:open_book: |首次使用 Discourse 主题? | Discourse 主题使用入门指南 \n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-air\ " repoName="Air Theme"]\n安装此主题\n[/wrap]\n\n### 特性\n\n浅色模式 \n
\n\n
深色模式 \n
\n\n
分类页面 \n
\n\n此主题还包含一些组件来增强您的论坛。\n- 可点击的主题\n- 现代分类 + 群组框\n\n\u003e
安装后请仔细阅读这些提示,因为有几个设置
需要启用 ,此主题才能正确渲染。\n\n—\n# 提示\n### 深色/浅色方案切换\n
\n\n为了使其正常工作,您需要在
https://discourse.jordanvidrine.com/admin/customize/colors 区域启用至少 2 个颜色方案选择。至少有两个颜色需要启用
color scheme can be selected by users(颜色方案可由用户选择)。\n\n
\n\n完成此操作后,用户应能够在其用户偏好设置界面菜单中选择两种颜色方案作为其“浅色”和“深色”偏好。\n\n
\n\n___\n## 欢迎横幅\n\n前往
管理 > 欢迎横幅 (
/admin/config/welcome-banner) 页面。\n\n- 在
在以下主题中启用… 下拉菜单中选择
Air Theme\n- 在
位置 下拉菜单中选择
位于站点标题下方\n___\n## 现代分类 + 群组框\n此主题组件要求您的分类在
/admin/site_settings/category/all_results?filter=categories 区域使用
带有子分类的分类框 设置。\n\n
\n\n此主题组件还允许论坛管理员使用标题来组织他们的分类页面,并选择哪些分类显示在每个标题下。为保持简单,我只允许使用多达 5 个标题。
如果未选择任何分类+标题设置,所有分类将如上所示渲染,这是默认的渲染选项。 \n\n\u003e:discourse2:
由我们托管? 在我们的标准版、商业版和企业版套餐中都可以使用主题。
138 个赞
Don
2021 年7 月 20 日 20:48
2
That is just amazing Jordan! I love it!
17 个赞
th21
2021 年7 月 20 日 23:01
5
It will be helpful if the welcome message can be hide when left locale field empty
7 个赞
oshyan
(Oshyan Greene)
2021 年7 月 21 日 00:36
6
Oh wow, this looks really nice! Thank you for the share.
10 个赞
This theme gives discourse the modern look it deserves. Very well done @jordan.vidrine
14 个赞
Theme looks amazing. Awesome work
5 个赞
This theme looks so amazing. Hope we can get this category page design as a separate component as well. It is looking way better this way.
8 个赞
frold
2021 年7 月 21 日 13:53
11
Thanks it is nice…
First time I install a new theme. I really like this one!!
Studie, studieordninger, lægeliv, fagpolitik, boganmeldelser - ordet er dit ordet er frit hvad end du læser ved KU, SDU, AU, AAU eller er speciallæge
9 个赞
Hi @jordan-vidrine regarding the # of views column, what kind of code shall i add in the component to override that column being hidden ?
3 个赞
I believe this should work:
.full-width .contents .topic-list thead th.posts {
width: 10%;
}
.full-width .contents .topic-list thead th.activity {
width: 10%;
order: 4;
}
th.num.views {
width: 10%;
order: 3;
display: block;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.posts {
width: 10%;
order: 2;
}
.topic-list .views {
width: 10%;
order: 3;
}
.full-width .contents .topic-list tbody tr:not(.topic-list-item-separator) td.age {
width: 10%;
order: 4;
}
6 个赞
ggurbet
(Gökhan Gurbetoğlu)
2021 年8 月 25 日 14:12
106
Refreshingly beautiful. Great work @jordan.vidrine !
4 个赞
是的,可以在 Discourse Search Banner 组件中编辑
3 个赞
Jerdeman
(Jeroen)
2022 年1 月 17 日 15:34
184
不久前,我发布了一个关于在移动视图中看不到分类的问题(Air Theme - #172 @jordan.vidrine 聊过,但我们未能找到问题的根源。希望其他人能提供一些想法。
详情
在 Kubernetes 上使用 Bitnami 的 Helm 图表,干净地安装了 Discourse 2.7.11,并安装和配置了主题的最新版本(如开篇帖子所述),我们在移动视图中看不到任何分类,并且最新页面的样式也有些问题。
我们尝试过的方法
除了干净安装之外,我们还尝试使用了一些旧版本的主题。但问题依然存在,尽管我们没有详尽地尝试所有版本。
我们还将我们的实例上的 HTML 与 discourse.jordanvidrine.com 上的 HTML 进行了比较,并注意到它们有显著差异。
直觉
由于我们不能使用“测试版”,我的直觉告诉我这是主题或其某个插件与 Discourse 2.7 之间的兼容性问题。我很想知道是否有人在 2.7 版本上成功使用了这个主题,以及使用的是哪个版本的主题和相关插件。
问题
有人在 2.7 版本上成功使用了这个主题吗?或者有什么线索可以帮助我们解决这个问题?
2 个赞
我相信您应该可以在此处设置自定义字体,而无需组件:admin/site_settings/category/all_results?filter=font
如果您想要更多自定义设置,我认为您链接的 Google Fonts 主题组件会起作用。不过,我认为该主题使用的是 theme-settings 而不是站点设置。
您是否在有关该字体组件的主题中提出了这个问题?
4 个赞
hequaye
(Henry Herbert)
2022 年1 月 26 日 05:24
187
大家好,有人能帮我更改手机背景颜色的尺寸和“固定性质”吗?
我这边的 CSS 在手机上是透明的。我只需要一些关于更改固定背景以实现背景颜色的指导。
如果我没记错的话,有一个页眉背景和一个页面背景,对吗?
3 个赞
这是因为主题及其包含的组件对于站点的设置方式相当挑剔。
在 OP 中,我分享了:
6 个赞
有没有办法让背景变成一张图片?我宁愿用图片也不要颜色。使用
body {
background-image: url("image url here");
background-color: #cccccc;
}
会让颜色条的顶部变成图片,但底部不是。
4 个赞
你添加图片做得很好,但你也需要移除创建该叠加效果的剪切路径。
html .background-container {
clip-path: unset;
}
5 个赞