# 隐藏特定类别的侧边栏

**URL:** https://meta.discourse.org/t/hide-sidebar-on-a-select-category/284301
**Category:** Development
**Tags:** sidebar
**Created:** [2023年十一月3日 06:45 UTC](https://meta.discourse.org/t/hide-sidebar-on-a-select-category/284301 "2023-11-03T06:45:04Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Marius\_Ciepluch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marius_ciepluch/32/218640_2.png) [@Marius\_Ciepluch](https://meta.discourse.org/u/Marius_Ciepluch)
#### Post date: [2023年十一月3日 06:45 UTC](https://meta.discourse.org/t/hide-sidebar-on-a-select-category/284301/1 "2023-11-03T06:45:05Z")

</div>

你好，

有人知道如何在我打开选定类别的帖子时隐藏侧边栏吗？我希望它默认显示，但对于该类别的帖子不显示。例如，在“开始”类别中。

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [2023年十一月3日 07:25 UTC](https://meta.discourse.org/t/hide-sidebar-on-a-select-category/284301/2 "2023-11-03T07:25:26Z")

</div>

我也很想这样做。

这段 CSS 应该能很好地实现这一点。

只需在此字段中填入您的类别 slug 并复制代码。然后将其添加到您的主题的桌面 CSS 中，即可大功告成！

（如果您要定位子类别，请使用 `parentslug-subcatslug` 格式）

```plaintext
// 隐藏指定类别的侧边栏
body.has-sidebar-page.category-=CategorySlug= {
    #main-outlet-wrapper {
        grid-template-columns: 0 minmax(0, 1fr);
        gap: 0;
        padding-left: 10px;
     }
     .wrap {
       max-width: var(--d-max-width);
     }
}

```

@Lilly - 这是否可以作为 [Navigation (sidebar) menu display control](https://meta.discourse.org/t/navigation-sidebar-menu-display-control/277687) 的一项功能？

---

<div class="post-metadata">

### Author: ![Marius\_Ciepluch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marius_ciepluch/32/218640_2.png) [@Marius\_Ciepluch](https://meta.discourse.org/u/Marius_Ciepluch)
#### Post date: [2023年十一月3日 12:33 UTC](https://meta.discourse.org/t/hide-sidebar-on-a-select-category/284301/3 "2023-11-03T12:33:41Z")

</div>

非常有帮助，我刚刚测试了一下。谢谢！

是否也可以隐藏 `/tags` 页面？ `body.has-sidebar-page.tags` 不是正确的选择器。

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [2023年十一月3日 13:27 UTC](https://meta.discourse.org/t/hide-sidebar-on-a-select-category/284301/4 "2023-11-03T13:27:18Z")

</div>

当然可以。我会将其添加到组件中。感谢您的建议和代码 🙂

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [2023年十一月3日 17:15 UTC](https://meta.discourse.org/t/hide-sidebar-on-a-select-category/284301/5 "2023-11-03T17:15:32Z")

</div>

> [@Marius\_Ciepluch](#):
>
> 是否也可以隐藏在 `/tags` 上？`body.has-sidebar-page.tags` 不是正确的选择器。

如果您检查您要定位的页面的 `<body>` 标签中的类，您将看到需要使用的类。

在这种情况下，`body.has-sidebar-page.tags-page` 应该可以解决您的问题。

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2023年十二月3日 17:15 UTC](https://meta.discourse.org/t/hide-sidebar-on-a-select-category/284301/6 "2023-12-03T17:15:53Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
