# 自定义用户菜单

**URL:** https://meta.discourse.org/t/custom-user-menu/367398
**Category:** Theme component
**Created:** [2025年五月23日 17:29 UTC](https://meta.discourse.org/t/custom-user-menu/367398 "2025-05-23T17:29:52Z")
**Posts on this page:** 1
**Showing post:** 1

<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: [2025年五月23日 17:29 UTC](https://meta.discourse.org/t/custom-user-menu/367398/1 "2025-05-23T17:29:52Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **摘要** | 在页眉中添加下拉菜单，让用户可以快速访问个人设置和页面 |
| 🛠 | **代码库** | [Manuel Kostka / Discourse / Components / Custom User Menu · GitLab](https://gitlab.com/manuelkostka/discourse/components/custom-user-menu.git) |
| ❓ | **安装指南** | [如何安装主题或主题组件](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **首次使用 Discourse 主题？** | [Discourse 主题使用入门指南](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

安装此主题组件

在页眉中添加一个独立的用户菜单。它复制了默认情况下位于通知菜单的个人资料选项卡中的项目。

## 用户菜单视图

 ![Screenshot From 2025-05-23 18-18-59](https://global.discourse-cdn.com/meta/original/4X/3/5/c/35c121bf8b060320d4fb061db9bddb75366e56f0.png)  
 ![Screenshot From 2025-05-23 18-19-04](https://global.discourse-cdn.com/meta/original/4X/0/7/e/07e76fa30b683f9e286426381fd0d2f6b7e2441c.png)  
 ![Screenshot From 2025-05-23 18-19-14](https://global.discourse-cdn.com/meta/original/4X/d/1/d/d1d600fd5a046560ce6e70cd3920a9cfd966d9a5.png)

## 通知菜单视图

该组件会隐藏通知菜单中相关的选项卡。不使用该组件和使用该组件的视图：

 ![Screenshot From 2025-05-23 18-22-58](https://global.discourse-cdn.com/meta/original/4X/d/b/d/dbdb7034e409841942d20263d5b2b6d7340da82d.png)  
 ![Screenshot From 2025-05-23 18-23-06](https://global.discourse-cdn.com/meta/original/4X/7/6/a/76a13b9094bd4bb8ea699d810d7b7eb9d2391758.png)

> 🧭 路线图
> 
> 添加移动端模态框
> 
> 根据站点设置切换姓名和用户名

---

_[View the full topic](https://meta.discourse.org/t/custom-user-menu/367398)._