# 按类别划分的工具栏位于网站标题下方

**URL:** https://meta.discourse.org/t/toolbar-under-site-header-per-category/252638
**Category:** Development
**Created:** [2023年一月23日 16:19 UTC](https://meta.discourse.org/t/toolbar-under-site-header-per-category/252638 "2023-01-23T16:19:00Z")
**Posts on this page:** 1
**Showing post:** 4

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2023年一月23日 17:48 UTC](https://meta.discourse.org/t/toolbar-under-site-header-per-category/252638/4 "2023-01-23T17:48:05Z")

</div>

[自定义页眉链接](https://meta.discourse.org/t/custom-header-links/90588) 是一个非常简单的组件，我认为可以以此为基础，但将链接列表放在其他位置。  
不过，它不支持子菜单，添加子菜单会比较棘手。

另一种方法是创建一个没有任何设置的组件，只使用 HTML、CSS（可能还有一点点 JS）。这样，它将是一个相当“静态”的自定义，如果你需要进行任何更改，你将不得不编辑相应的 HTML 和 CSS 代码。

这是我在自己的论坛上做的一个例子：

它在网站自定义中的样子：

 ![HTML](https://global.discourse-cdn.com/meta/original/4X/f/0/e/f0e8b561c5485abd677c5aeb80380e6b9be1b9f7.png)

 ![CSS](https://global.discourse-cdn.com/meta/original/4X/1/1/3/11305f987ae03cab0d286195e839c8d81d5622f1.png)

这种方式是否能满足你的需求，还是你更喜欢像[自定义页眉链接](https://meta.discourse.org/t/custom-header-links/90588)组件那样，可以通过管理员界面更轻松地编辑，并提供多个输入框，像这样？

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/6/c/06ceb94161c272a0ac1bacd6b962e1eb3331ad03.png)

---

_[View the full topic](https://meta.discourse.org/t/toolbar-under-site-header-per-category/252638)._