仅对访客隐藏汉堡包的标签和徽章

[Himanshu_Singh]

我想让用户注销后的界面尽可能简单，所以我想知道是否可以仅为访客隐藏汉堡菜单中的标签和徽章。

我知道这可以通过 CSS 轻松完成，如这篇帖子所述 -

How can hide the 'Latest', 'Top', 'Badges' and 'Categories' in the hamburger menu?

We want to keep the menu simple to our users. We would like to hide the ‘Latest’, ‘Top’, ‘Badges’ and ‘Categories’ in hamburger menu. Our web: https://amzdis.com (Amazon Discount Code) [hide menu] How can hide the ‘Latest’, ‘Top’, ‘Badges’ and ‘Categories’ in the hamburger menu?

但是，我该如何检查用户是否为访客然后隐藏菜单项？我可能需要调用一个函数来检查这一点（就像 WordPress 一样），但我不知道这在 Discourse 中是如何工作的。有人能帮忙吗？

[JammyDodger]

匿名用户有一个 anon 类，你可以针对它，所以你可以使用类似以下的方法：

.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.categories-link {
    display: none
   }
  }
}

（我只是在其他主题的示例中添加了 anon 类。你需要对其进行调整以隐藏你想要隐藏的特定内容）

[Himanshu_Singh]

@JammyDodger

.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.categories-link { 
    display: none
   }
  }
} 

这非常有效。谢谢！唯一剩下的就是隐藏标签链接，但它似乎没有自己的类。我该如何定位它？使用 widget-link 类会隐藏“关于”、“常见问题解答”和“移动视图”链接。

[JammyDodger]

这一个看起来很有希望：

Removing "Tags" From Hamburger Menu with CSS

.menu-panel li a.widget-link[href="/tags"] { display: none; }

[Himanshu_Singh]

@使用 CSS 从汉堡菜单中移除“标签”，post:2

.menu-panel li a.widget-link[href=“/tags”] { display: none; }

太棒了。这是最终有效的代码。我还隐藏了分隔条。谢谢 Jammy！

/* 隐藏访客的汉堡菜单中的标签和徽章链接 */
.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.widget-link[href="/tags"],
  .menu-container-general-links
    {
    display: none
   }
  }
}