在网站顶部显示横幅的创建方法

[Discourse]

本指南介绍了在您的 Discourse 网站上创建和自定义横幅的不同方法，从简单的可关闭横幅到更高级的选项。

所需用户级别：版主（可关闭横幅）、管理员

横幅是向您的网站访问者传达重要信息的有效方式。本指南将引导您了解在 Discourse 网站上创建和自定义横幅的各种方法。

欢迎横幅

欢迎横幅会向新访客和回访访客显示友好的问候语和一个醒目的搜索栏，使访问者能够快速找到他们想要的内容。

要启用和自定义欢迎横幅，请进入管理区域，然后在侧边栏中选择 外观 > 欢迎横幅 链接。

在此区域，您会找到以下设置：

• 在主题中启用…: 这允许您指定哪些处于活动状态的主题应显示欢迎横幅。
• 背景图片: 上传一张图片作为欢迎横幅的背景。
• 文本颜色: 如果您的颜色面板控制的默认文本颜色与您的背景图片冲突，您可以在此处选择一个新颜色。请注意，此设置仅在您上传了背景图片时适用。
• 页面可见性: 这决定了哪些页面会显示欢迎横幅。默认情况下，它显示在 顶部菜单页面（即 顶部菜单 站点设置中选择的页面），但您可以更改为：
  • 仅主页: 欢迎横幅仅显示在站点主页上（即 顶部菜单 站点设置中列出的第一个页面）。
  • 发现页面: 欢迎横幅会显示在所有 顶部菜单 页面上，即使它们没有显示在您站点的实际顶部菜单中（即未在设置中选中）。
  • 所有页面: 欢迎横幅会显示在您站点的 所有 页面上。这通常是 不推荐的，因为它可能会在帖子页面上造成视觉混乱，分散会员的阅读和参与注意力。
• 位置: 这决定了欢迎横幅在页面上的显示位置。默认情况下，它显示在 主题内容上方，但您也可以选择 站点标题下方。区别很微妙，如下面的截图中所示：

您还可以自定义欢迎横幅的文本，以更改问候语并向欢迎横幅添加更多说明性文本。

• 新会员的标题: 首次登录您站点的会员看到的主要问候语。
• 已登录会员的标题: 回访会员看到的主要问候语。
• 匿名访客的标题: 匿名（即未登录）会员看到的主要问候语。
• 已登录会员的副标题: 回访会员标题下方可选的第二行文本。
• 匿名访客的副标题: 匿名（即未登录）会员标题下方可选的第二行文本。
• 搜索占位符: 欢迎横幅搜索字段中显示的占位符文本。

可关闭横幅

可关闭横幅是用户可以关闭的临时通知。创建方法如下：

1. 在任何公开分类中创建或导航到一个帖子。帖子顶部的原始帖子 (OP) 将是您横幅的来源。
2. 点击右侧或帖子底部的扳手图标以打开管理选项。
3. 选择“固定帖子…”
4. 在新窗口中，选择 设为横幅帖子

横幅现在将显示在您网站的顶部。用户将看到一个可关闭的横幅。工作人员还将看到一个编辑源帖子的链接。

有效可关闭横幅的提示：

• 保持文本清晰简洁
• 最大高度为 20vh（可通过 CSS 编辑）
• 对于较长的文本，用户可以在横幅内滚动
• 考虑添加指向相关公共帖子的链接以获取更多信息
• 如果您想隐藏用作横幅的帖子，可以使用该帖子的管理菜单将其设为不被列出

永久横幅

要创建始终可见且用户无法关闭的横幅：

1. 在您的站点设置中，搜索 global_notice。
2. 在此字段中输入您的横幅文本或 HTML。

永久横幅的提示：

• 此类横幅通常用于紧急站点通知，但也可用于任何永久性消息
• 此横幅对所有人可见，包括 login_required 站点上的匿名用户
• 通过重置 global notice 站点设置可以移除此横幅

高级横幅

您可以通过使用主题组件来构建更高级的横幅。请注意，这些主题组件可能与核心欢迎横幅功能冲突。

欢迎链接横幅

此组件允许您向横幅中添加自定义文本和 1-4 个链接。它提供各种自定义选项，包括：

• 选择显示横幅的位置（主页、帖子列表或所有页面）
• 添加带有 Font Awesome 图标的链接
• 根据用户信任级别限制可见性
• 自定义背景图片或颜色
• 调整文本和图标颜色

多功能横幅

Versatile Banner 是最受欢迎且维护良好的组件之一，它通过界面提供广泛的自定义选项，包括：

• 横幅显示限制为
  • 已登录用户或匿名用户
  • 移动或桌面设备
  • 主页、帖子列表或所有页面
• 可关闭、可展开或持久化选项
• 全浏览器宽度设置
• 颜色管理
• 使用 HTML 进行标题和列自定义

使用 CSS 自定义横幅

您可以使用 CSS 自定义所有类型的横幅。有关使用 CSS 自定义 Discourse 站点的更多信息，请参阅 Discourse 主题使用入门指南。