|||
-|-|-|
| 摘要 | Welcome Link Banner 是一个简单的横幅，允许您添加自定义文本和 1-4 个链接。
| 
| 预览 | 在 Discourse 主题创建器上预览 |
| 存储库链接 | https://github.com/discourse/discourse-welcome-link-banner
| 刚开始使用 Discourse 主题？ | Discourse 主题使用入门指南
功能
设置
此组件带有各种设置！
| 名称 |
描述 |
| show on |
选择在主页、主题列表或所有页面上显示横幅 |
| banner links |
添加 1-4 个带有 Font Awesome 图标 和文本的链接（您可能还需要在 svg_icons 设置中添加 Discourse 默认不包含的图标） |
| max trust level |
仅向特定信任级别的用户显示横幅 |
| hide for staff |
|
| hide on mobile |
|
| layout |
文本左对齐（默认）或文本顶部对齐 |
| plugin outlet |
允许您更改横幅的渲染位置，如果您使用的是侧边栏，请尝试 above-main-container |
| hide for anon |
隐藏未登录用户的横幅 |
| can be dismissed |
允许用户单击“x”来隐藏横幅 |
| banner background image |
选择横幅后面的图像 |
| banner background repeat |
配置背景图像的重复行为 |
| banner background size |
使用 CSS 调整背景图像大小（更多信息） |
| banner background color |
没有背景图像？使用纯色！ |
| banner box background color |
|
| banner text color |
|
| banner icon color |
|
| banner link color |
|
| 翻译 |
默认 |
| meta_banner.welcome |
欢迎来到我们的社区！ |
| meta_banner.subtitle |
加入对话，请记住要友善。 |
由我们托管？我们的 Pro、Business 和 Enterprise 套餐均提供主题组件。
77 个赞
如果您正在使用实验性侧边栏，我添加了一个设置（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 Louis)
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 Louis)
119
仅安装组件的一个副本。请参阅此处了解如何使用
body.group-(在此处填写群组名称) .welcome-link-banner-wrapper {
display: none;
}
将“(在此处填写群组名称)”替换为您要隐藏横幅的群组。
4 个赞
Aizada_M
(Aizada M)
120
谢谢，这在我想要隐藏特定组的横幅时很有用，但我不知道如何为不同组显示具有不同内容的横幅（
2 个赞
Lilly
(Lillian Louis)
121
如果您想要不同的横幅，则需要多个欢迎链接横幅组件（而非 CSS 组组件）的副本。您可能还想使用不同的 CSS 来显示而不是隐藏。
4 个赞
Aizada_M
(Aizada M)
123
我明白这一点，但我不知道如何实现这样的 CSS。我需要一个粗略的 CSS 示例。
2 个赞
Lilly
(Lillian Louis)
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 Louis)
126
您可能需要为每个用途分叉横幅组件？对于这种超出范围的用例，最好学习一些基本的 CSS 和主题组件开发。
4 个赞
我想使用这个横幅，因为它简洁明了。我可以用它来推广我公司的应用程序，而不是作为欢迎横幅，可以吗？
我打算将链接设置为可以从App Store下载的URL。这样有什么问题吗？
我可以更改“欢迎来到我们的社区！”部分吗？
2 个赞
Moin
128
是的，您可以自定义所有文本、选择图标并添加任何您想要的链接。
您也可以在 theme creator 上试用该主题。
4 个赞
Lilly
(Lillian Louis)
拆分了此话题
131
3 个帖子被拆分到一个新主题：为特定类别显示欢迎链接横幅
| 摘要 | Welcome Link Banner 是一个简单的横幅，允许您添加自定义文本和 1-4 个链接。
