自定义头部链接

主题组件
,
137

嘿 @andreas_can 欢迎来到 Meta :wave:

此组件会根据链接文本为每个链接添加一个 CSS 类。添加的类与您为链接提供的文本相同，只是空格被替换为连字符（-），并且文本设置为小写。然后，在末尾附加字符串 -custom-header-links。

因此，如果您添加一个文本为

privacy

的链接，那么链接元素将具有类

privacy-custom-header-links

如果您的链接文本是

Visit Shop

那么 CSS 类将是

visit-shop-custom-header-links

所以，现在您知道了添加到每个链接的类。回到您的问题。

当用户未登录时，Discourse 会向 <HTML> 标签添加一个 CSS 类。该类是

anon

因此，您可以使用它来隐藏某些链接，使其不对未登录用户显示。假设我有一个文本为

Customer Support

的链接，并且我不想让未登录用户看到它。

然后，我将在主主题的 common > CSS 选项卡中添加此 CSS

.anon {
  .customer-support-custom-header-links {
    display: none;
  }
}

这将隐藏未登录用户的特定链接。

11 个赞