# 公告栏

**URL:** https://meta.discourse.org/t/announcement-bar/286352
**Category:** Theme component
**Created:** [2023年十一月22日 17:50 UTC](https://meta.discourse.org/t/announcement-bar/286352 "2023-11-22T17:50:08Z")
**Posts on this page:** 7
**Page:** 2

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [2024年六月19日 18:00 UTC](https://meta.discourse.org/t/announcement-bar/286352/25 "2024-06-19T18:00:11Z")

</div>

> [@Aaron\_Walsh](#):
>
> 我已清除Cookies，事实上，我已用Chrome清除数据以确保万无一失。

是的，我也不明白这在Chrome上具体是如何运作的。如果我只清除Cookies，它会保持被忽略的状态。如果我清除整个浏览器历史记录，它会再次显示。

---

<div class="post-metadata">

### Author: ![Aaron\_Walsh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaron_walsh/32/312661_2.png) [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh)
#### Post date: [2024年六月19日 18:05 UTC](https://meta.discourse.org/t/announcement-bar/286352/26 "2024-06-19T18:05:23Z")

</div>

> [@manuel](#):
>
> 是的，我也不明白这在 Chrome 上具体是如何运作的。如果我只清除 cookies，它就会保持被忽略状态。如果我清除整个浏览器历史记录，它就会再次显示。

是的，我刚意识到我并没有自己忽略它。但至少我从你们两位那里得到了答案，而且它也会在那里供其他人参考，我对此感到满意。

这肯定比置顶帖子要好。

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2024年六月19日 18:11 UTC](https://meta.discourse.org/t/announcement-bar/286352/27 "2024-06-19T18:11:03Z")

</div>

浏览器有时真是有趣。在隐身 Chrome 浏览器标签页中，在关闭并重新登录后，横幅没有显示。

每次刷新都应该清除 cookie。但正如 @manuel 所提到的，它似乎也存储在浏览器历史缓存中。只有关闭 Chrome 隐身浏览器并重新打开才能恢复横幅。

我认为这曾经是全局横幅的一个问题。我记得团队似乎已经修复了它。因为以前一旦清除，该用户就不会显示任何全局横幅。

---

<div class="post-metadata">

### Author: ![dementad](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dementad/32/506518_2.png) [@dementad](https://meta.discourse.org/u/dementad)
#### Post date: [2025年九月15日 06:19 UTC](https://meta.discourse.org/t/announcement-bar/286352/28 "2025-09-15T06:19:21Z")

</div>

我安装了这个组件，预览显示横幅在标题上方，但实际网站显示在标题下方。在我测试过的所有浏览器（Brave、Edge、Safari）中都出现了这种情况。

 ![Screenshot 2025-09-15 101236](https://global.discourse-cdn.com/meta/original/4X/9/7/0/970c024c852f03e67953a5d3073419030e4fd0ec.jpeg)

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [2025年九月15日 06:44 UTC](https://meta.discourse.org/t/announcement-bar/286352/29 "2025-09-15T06:44:42Z")

</div>

您的 `plugin_outlet` 设置是否为 `above-site-header`？或者这可能与 Horizon 主题有关 🤔。

---

<div class="post-metadata">

### Author: ![dementad](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dementad/32/506518_2.png) [@dementad](https://meta.discourse.org/u/dementad)
#### Post date: [2025年九月15日 10:46 UTC](https://meta.discourse.org/t/announcement-bar/286352/30 "2025-09-15T10:46:58Z")

</div>

我正在使用 **FKB Pro 主题。** `plugin_outlet` 设置正确，但它无关紧要。无论将其设置为 `above-site-header` 还是 `below-site-header`，预览都能正常显示（第一个示例），但实际网站仅在网站标题下方显示公告（第二个示例）。

 ![Screenshot 2025-09-15 144843](https://global.discourse-cdn.com/meta/original/4X/5/f/3/5f3796a7a5668db0dafeb80156e94cf11b371987.jpeg)

 ![Screenshot 2025-09-15 144916](https://global.discourse-cdn.com/meta/original/4X/c/e/4/ce4d03c501ada0b407168a02c325bca6604585b1.jpeg)

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [2026年五月28日 12:30 UTC](https://meta.discourse.org/t/announcement-bar/286352/31 "2026-05-28T12:30:17Z")

</div>

我对该组件进行了一些更新。已更新原始帖子，但以下是更详细的变更说明：

### 本地化字符串

条幅文本和按钮标签现在支持翻译。不再使用旧的 bar\_text 和 button\_text 设置，字符串已移至 locales/en.yml 中。您可以手动添加其他语言包，或使用 AI 进行翻译。

### 更简单的关闭逻辑

已用 localStorage 替换基于 cookie 的关闭逻辑。存储键由条幅文本本身派生，因此当您更新公告文本时，对于所有已关闭旧条幅的用户，该条幅将自动重新显示。

### 响应式布局

使用 flex-wrap 将样式整合到单个文件中。在宽屏上，文本和按钮并排显示；当文本换行时，按钮会自动移至下方。

### BEM 元素类

标记现在为所有元素使用 BEM 类（\_\_text、\_\_button、\_\_close），使在主题覆盖中定位元素更加容易。

[上一頁](https://meta.discourse.org/t/announcement-bar/286352.md?page=1)
