# 如何在版块添加顶部欢迎消息

**URL:** <https://meta.discourse.org/t/how-to-add-top-welcome-message-to-the-board/212721>\
**Category:** General\
**Created:** [2021年十二月20日 19:19 UTC](https://meta.discourse.org/t/how-to-add-top-welcome-message-to-the-board/212721 "2021-12-20T19:19:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![М\_М](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/%D0%BC_%D0%BC/32/243710_2.png) [@М\_М](https://meta.discourse.org/u/%D0%9C_%D0%9C)\
**Post date:** [2021年十二月20日 19:19 UTC](https://meta.discourse.org/t/how-to-add-top-welcome-message-to-the-board/212721/1 "2021-12-20T19:19:36Z")

</div>

如何将此添加到我的面板并进行自定义？

 ![Screenshot from 2021-12-20 21-18-20](https://global.discourse-cdn.com/meta/original/3X/4/9/49aa2c5cb1891c9ed511faa98591a88780e476ea.png)

---

<div class="post-metadata">

**Author:** ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)\
**Post date:** [2021年十二月20日 19:45 UTC](https://meta.discourse.org/t/how-to-add-top-welcome-message-to-the-board/212721/2 "2021-12-20T19:45:25Z")

</div>

我认为他们不介意分享此链接，这是此横幅的源代码：[GitHub - discourse/discourse-signup-banner](https://github.com/discourse/discourse-signup-banner)

但要进行自定义，您需要分叉并进行编辑，这可能会很棘手。

我建议使用 Versatile Banner，这是一个为此类请求制作的主题组件：

> [@Versatile Banner](https://meta.discourse.org/t/versatile-banner/109133):
>
> discourse2Summary Versatile Banner adds a customizable banner to your site.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/versatile-banner)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-versatile-banner](https://github.com/discourse/discourse-versatile-banner)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features This theme component is an evolution of previous banner efforts. The goal is to provide more ease and flexibility through the use…

---

<div class="post-metadata">

**Author:** ![М\_М](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/%D0%BC_%D0%BC/32/243710_2.png) [@М\_М](https://meta.discourse.org/u/%D0%9C_%D0%9C)\
**Post date:** [2021年十二月23日 12:05 UTC](https://meta.discourse.org/t/how-to-add-top-welcome-message-to-the-board/212721/3 "2021-12-23T12:05:35Z")

</div>

据我所理解，这是我的链接？[GitHub - discourse/discourse-versatile-banner](https://github.com/tshenry/discourse-versatile-banner)

实际上

> [@Steven](#):
>
> 我建议使用 Versatile Banner，这是一个为这类请求制作的主题组件：

看起来 [meta.discourse.org](http://meta.discourse.org) 使用的是其他东西，而不是 Versatile Banner 组件。我说这话是因为我无法将 Versatile Component 设置成与 [meta.discourse.org](http://meta.discourse.org) 上的外观完全一样。

---

<div class="post-metadata">

**Author:** ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)\
**Post date:** [2021年十二月23日 12:16 UTC](https://meta.discourse.org/t/how-to-add-top-welcome-message-to-the-board/212721/4 "2021-12-23T12:16:06Z")

</div>

Discourse 使用了：

> [@Steven](#):
>
> 我认为他们不介意分享这个链接，这是这个横幅的源代码：[GitHub - discourse/discourse-signup-banner](https://github.com/discourse/discourse-signup-banner)

但自定义起来更困难