# 将流行功能引入Discourse：头部搜索、欢迎横幅和类别图标/表情符号

**URL:** <https://meta.discourse.org/t/bringing-popular-features-to-discourse-header-search-welcome-banner-and-category-icons-emoji/359169>\
**Category:** Announcements\
**Created:** [2025年四月2日 22:51 UTC](https://meta.discourse.org/t/bringing-popular-features-to-discourse-header-search-welcome-banner-and-category-icons-emoji/359169 "2025-04-02T22:51:29Z")\
**Posts on this page:** 1\
**Showing post:** 11

<div class="post-metadata">

**Author:** ![gooseegg](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gooseegg/32/120817_2.png) [@gooseegg](https://meta.discourse.org/u/gooseegg)\
**Post date:** [2025年四月6日 12:29 UTC](https://meta.discourse.org/t/bringing-popular-features-to-discourse-header-search-welcome-banner-and-category-icons-emoji/359169/11 "2025-04-06T12:29:41Z")

</div>

大家好，

我们最近升级了 Discourse 论坛 ([tw.forumosa.com](http://tw.forumosa.com))，并且在最新的更新中，新的“欢迎回来”标题和集成的搜索栏已添加到主页。虽然概念上看起来不错，但我们注意到了一些可用性问题——尤其是在移动设备上：

### 1. 由于透明度，搜索下拉菜单可能难以阅读

在顶部的导航栏上点击搜索图标时（例如，在 Android 上），会出现下拉菜单，但其背景是透明的，使得搜索结果几乎无法在后面的内容上阅读。实心背景应该可以解决这个问题。我在下面发布了截图来说明我的意思。

### 2. 标题很高 - 如何调整垂直间距？

新的欢迎消息和搜索栏在移动设备上占用了大量屏幕空间。由于我们已经在导航栏中有了搜索图标，因此添加的搜索栏感觉是多余的。我们希望缩小此标题的高度，或者在小屏幕上完全隐藏额外的搜索栏/欢迎消息。

这可能会影响桌面端，但目前在移动设备上尤其成问题。

有人遇到过这种情况并找到通过 CSS 或主题组件覆盖它的干净方法吗？

祝好！

 ![图片显示了 Fanmousa 网站的主页，搜索查询为“Discourse”，以及相关的帖子和文章列表。（AI 标注）](https://global.discourse-cdn.com/meta/original/4X/5/1/2/512e23904fc86ceb403eb71f32b8a28d8ac68fcf.jpeg) ![...以及受影响的暗色主题](https://global.discourse-cdn.com/meta/original/4X/6/9/4/69435832e3e24ada4804960111a60d5f691e6ee8.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/bringing-popular-features-to-discourse-header-search-welcome-banner-and-category-icons-emoji/359169)._