# 我想把顶部的图标移到主插座的上半部分

**URL:** <https://meta.discourse.org/t/i-want-to-lower-the-header-icons-down-into-the-top-part-of-the-main-outlet/392522>\
**Category:** Support\
**Created:** [2026年一月2日 04:28 UTC](https://meta.discourse.org/t/i-want-to-lower-the-header-icons-down-into-the-top-part-of-the-main-outlet/392522 "2026-01-02T04:28:47Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)\
**Post date:** [2026年一月2日 04:28 UTC](https://meta.discourse.org/t/i-want-to-lower-the-header-icons-down-into-the-top-part-of-the-main-outlet/392522/1 "2026-01-02T04:28:47Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/4/5/d/45d410dcd29777a67ac05abfcdc73ff166dda248.png)

主出口顶部有大量未使用的空间。

另外，我想知道我是如何将一个方形标志添加到“Welcome”文本上方的，我完全不知道该怎么做。

---

<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:** [2026年一月2日 05:14 UTC](https://meta.discourse.org/t/i-want-to-lower-the-header-icons-down-into-the-top-part-of-the-main-outlet/392522/2 "2026-01-02T05:14:09Z")

</div>

您好，您似乎有很多网站定制需求。如果您有预算，可以考虑将它们整合起来，并在 #Marketplace（市场）中开一个主题帖。

据我所知，没有办法在不进行一些（深入的？）定制的情况下将标题图标移动到主插口。

---

<div class="post-metadata">

**Author:** ![hipp0](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hipp0/32/537433_2.png) [@hipp0](https://meta.discourse.org/u/hipp0)\
**Post date:** [2026年一月2日 05:46 UTC](https://meta.discourse.org/t/i-want-to-lower-the-header-icons-down-into-the-top-part-of-the-main-outlet/392522/3 "2026-01-02T05:46:52Z")

</div>

我已能够使用 A.I. 定制网站的所有区域，除了以下 3 个区域：

我无法解决的是下面那个标题图标、欢迎标题文本上方的徽标，以及侧边栏右侧的边距，而不会弄乱主内容区域的边距。

如果不是一个简单的修复，我可以雇佣一个网站技术人员，我只是想省钱自己动手。

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/9/b/d9b4640f21e69987a750d56be4f3cf97a9895005.png)

---

<div class="post-metadata">

**Author:** ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)\
**Post date:** [2026年一月2日 15:40 UTC](https://meta.discourse.org/t/i-want-to-lower-the-header-icons-down-into-the-top-part-of-the-main-outlet/392522/4 "2026-01-02T15:40:45Z")

</div>

> [@hipp0](#):
>
> 另外，我想知道我如何将一个方形徽标添加到“欢迎”文本上方，我不知道该怎么做。

我不清楚您指的是什么。哪个方形徽标？我在您的截图中没有看到任何徽标？您是在问_如何_添加徽标吗？

如果您在您开启的主题中投入更多精力，更详细地描述您想要的内容，将对他人更好地帮助您有益。

> [@hipp0](#):
>
> 以及侧边栏右侧的边距

侧边栏的总宽度由这个变量 `--d-sidebar-width` 决定，所以您可以尝试减小它的值。

> [@hipp0](#):
>
> 下面那个标题图标是我没能解决的

我很好奇您对非主页的页面（比如像这个主题页面）有什么计划？您想在那些页面上保留标题，只在主页上将它们“放低”吗？一个展示您想法的模拟图会有帮助。

---

<div class="post-metadata">

**Author:** ![paco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paco/32/547931_2.png) [@paco](https://meta.discourse.org/u/paco)\
**Post date:** [2026年三月27日 13:16 UTC](https://meta.discourse.org/t/i-want-to-lower-the-header-icons-down-into-the-top-part-of-the-main-outlet/392522/5 "2026-03-27T13:16:11Z")

</div>

我找到这篇帖子是因为我在搜索如何实现同样的效果。我通过浏览器开发者工具直接编辑 DOM 来模拟效果，以说明我的意思。我不确定这是否是原帖作者所想的，但“欢迎文本上方的方形标志”让我觉得可能是。有没有办法将标志（以及可能的静态文本）放置到我红色高亮的位置？

 ![Screenshot From 2026-03-27 09-08-50](https://global.discourse-cdn.com/meta/original/4X/2/5/9/2594a0a4916fdf992a17985efd65b7d2f33b0099.jpeg)

---

<div class="post-metadata">

**Author:** ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)\
**Post date:** [2026年三月27日 13:26 UTC](https://meta.discourse.org/t/i-want-to-lower-the-header-icons-down-into-the-top-part-of-the-main-outlet/392522/6 "2026-03-27T13:26:55Z")

</div>

是的，您可以使用 `before-sidebar-sections` 插槽。

[主题开发者教程：4. 使用插槽插入和替换内容](https://meta.discourse.org/t/theme-developer-tutorial-4-using-outlets-to-insert-and-replace-content/357799)

---

<div class="post-metadata">

**Author:** ![paco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paco/32/547931_2.png) [@paco](https://meta.discourse.org/u/paco)\
**Post date:** [2026年三月27日 13:40 UTC](https://meta.discourse.org/t/i-want-to-lower-the-header-icons-down-into-the-top-part-of-the-main-outlet/392522/7 "2026-03-27T13:40:25Z")

</div>

天哪，太感谢了！在运营了一个破旧的、如同纸牌屋般脆弱且我都不敢触碰的 VBulletin 论坛六年之后，我迫不及待想要将其迁移到 Discourse。这真是一种更简洁、更现代的实现方式。
