||||
-|-|
| Summary | 欢迎链接横幅 是一个简单的横幅，允许您添加自定义文本和 1-4 个链接。
| 
| 预览 | 在 Discourse 主题创建器上预览 |
| 仓库链接 | https://github.com/discourse/discourse-welcome-link-banner
|初次使用 Discourse 主题？ | Discourse 主题使用入门指南
功能
设置
此组件提供了多种设置！
| 名称 | 描述
|-|
| 显示位置 | 选择在主页、主题列表或所有页面上显示您的横幅
| 横幅链接 | 添加 1-4 个带有 Font Awesome 图标 和文本的链接（您可能还需要将 Discourse 默认不包含的图标添加到 svg_icons 设置中）
| 最大信任等级 | 仅向特定信任等级的用户显示横幅
| 对管理员隐藏 |
| 在移动设备上隐藏
| 布局 | 文本在左（默认）或文本在上
| 插件出口 | 允许您更改横幅的渲染位置，如果您使用的是侧边栏，请尝试 above-main-container
| 对匿名用户隐藏 | 对未登录用户隐藏横幅
| 可关闭 | 允许用户点击 x 隐藏横幅
| 横幅背景图片 | 选择要在横幅后面显示的图像
| 横幅背景重复 | 配置背景图像的重复行为
| 横幅背景大小 | 使用 CSS 调整背景图像大小（更多信息）
| 横幅背景颜色 | 没有背景图像？使用纯色！
| 横幅框背景颜色
| 横幅文本颜色
| 横幅图标颜色
| 横幅链接颜色
| 翻译 | 默认值
|-|
| meta_banner.welcome | 欢迎来到我们的社区！
| meta_banner.subtitle | 加入对话，并记住要保持友善。
由我们托管？主题组件在我们的 Pro、Business 和 Enterprise 计划中均可使用。
78 个赞
如果您正在使用实验性侧边栏，我添加了一个设置（plugin outlet），它将使欢迎横幅显示在内容上方，但不在侧边栏上方。只需将该设置更改为 above-main-container 即可。
更改该设置将使横幅显示在侧边栏的右侧，就像 Meta 上的横幅一样：
6 个赞
jaileleu
(Jai le Leu)
114
问题：当用户（也就是我 ^^）关闭了横幅后，如何才能恢复它？
我按了 Ctrl+F5，但它没有回来，我只是为了测试而关闭了它。
3 个赞
在桌面端，您可以在此处清除 localstorage 项目 discourse_dismissedWelcomeLinkBanner。
您按 F12 打开浏览器控制台 → 转到“Application”选项卡 → 在左侧面板中，点击“Local Storage”然后点击您的网站 → 查找 discourse_dismissedWelcomeLinkBanner 键并删除它。
就是这样！您可以刷新页面，横幅应该会再次出现。
5 个赞
是否有办法根据用户是否在某个组中显示横幅，而不是根据信任级别来显示？
2 个赞
Lilly
(Lillian )
117
您好 @martyn_thomas 
如果您安装此主题组件，您应该可以使用 CSS 来实现您想要的效果
4 个赞
Aizada_M
(Aizada M)
118
我的问题可能看起来很愚蠢，但我不是程序员。我安装了 CSS Classes for Current User's Groups 组件。如果我想为三个不同的群组显示三个横幅选项，我是否应该安装三个 Welcome Link Banner 组件的副本？然后，如果我想实现：
对于群组 A，显示 banner-A；对于群组 B，显示 banner-B；对于群组 C，显示 banner-C，我应该如何设置 CSS？您能举个例子吗？
提前感谢您的回答 
2 个赞
Lilly
(Lillian )
119
仅安装组件的一个副本。请参阅此处了解如何使用
body.group-(在此处填写群组名称) .welcome-link-banner-wrapper {
display: none;
}
将“(在此处填写群组名称)”替换为您要隐藏横幅的群组。
4 个赞
Aizada_M
(Aizada M)
120
谢谢，这在我想要隐藏特定组的横幅时很有用，但我不知道如何为不同组显示具有不同内容的横幅（
2 个赞
Lilly
(Lillian )
121
如果您想要不同的横幅，则需要多个欢迎链接横幅组件（而非 CSS 组组件）的副本。您可能还想使用不同的 CSS 来显示而不是隐藏。
4 个赞
Aizada_M
(Aizada M)
123
我明白这一点，但我不知道如何实现这样的 CSS。我需要一个粗略的 CSS 示例。
2 个赞
Lilly
(Lillian )
124
您可能想先将其隐藏起来，然后为选定的组使用 display: block。您想要实现的目标很可能不止一种方法——先隐藏所有然后显示给一些人，或者隐藏给一些人。
1 个赞
Aizada_M
(Aizada M)
125
请允许我做一些澄清。
如果我有几个组件的副本，我应该如何写类名？例如，
body.group-name1 .welcome-link-banner-wrapper 1{
display: none;
}
body.group- name1 .welcome-link-banner-wrapper 2 {
display: none
}
body.group-name2 .welcome-link-banner-wrapper 1{
display: block;
}
body.group-name2 .welcome-link-banner-wrapper 2{
display: none
}
body.group-name3 .welcome-link-banner-wrapper 2{
display: block
}
类似这样的东西？
我无法弄清楚每个组件实例的.welcome-link-banner-wrapper将被称为什么。
3 个赞
Lilly
(Lillian )
126
您可能需要为每个用途分叉横幅组件？对于这种超出范围的用例，最好学习一些基本的 CSS 和主题组件开发。
4 个赞
我想使用这个横幅，因为它简洁明了。我可以用它来推广我公司的应用程序，而不是作为欢迎横幅，可以吗？
我打算将链接设置为可以从App Store下载的URL。这样有什么问题吗？
我可以更改“欢迎来到我们的社区！”部分吗？
2 个赞
Moin
128
是的，您可以自定义所有文本、选择图标并添加任何您想要的链接。
您也可以在 theme creator 上试用该主题。
4 个赞
Lilly
(Lillian )
拆分了此话题
131
3 个帖子被拆分到一个新主题：为特定类别显示欢迎链接横幅
| Summary | 欢迎链接横幅 是一个简单的横幅，允许您添加自定义文本和 1-4 个链接。
