为匿名用户隐藏侧边栏一部分

您好!我不确定这里是否是提问的地方,但我需要为匿名用户隐藏侧边栏的某个部分,而 CSS 代码不起作用。

我将以下 CSS 添加到 CSS 中,以隐藏匿名用户的“社区”部分:

.anon div.sidebar-section-community {
     display: none;
}

随着 Discourse 的最新更新,现在它公开显示了,并且还显示了我添加的仅供登录用户使用的自定义部分。

您知道这段 CSS 是正确的吗?我是否遗漏了什么?

提前感谢!

给你:

通用 CSS

// * 隐藏侧边栏中匿名用户的社区部分*

.anon .sidebar-section-wrapper.sidebar-section[data-section-name="community"] {
    display: none;
}

应该能够对您想隐藏的任何其他部分执行相同的操作,以防止匿名用户看到。

编辑:我修复了“none”之前的一个空格


顺便说一句,如果您想隐藏侧边栏中安全类别项目符号上的所有锁定徽章,您可以这样做:

// * 关闭侧边栏中所有安全类别的锁定图标*

.sidebar-section-link-wrapper .sidebar-section-link-prefix.icon .prefix-badge, .sidebar-section-link-wrapper .sidebar-section-link-prefix.span .prefix-badge {
   display: none;
}
3 个赞

谢谢你的回答!
出于某种奇怪的原因,它不起作用,无论是使用社区还是自定义 :smiling_face_with_tear:

你提到的关于锁徽章的其他事情很有趣,但不确定它是否适用于我的网站配置。我会试试的。

2 个赞

我在我的网站上进行了现场测试,效果完美 :woman_shrugging:

匿名用户视图:

已登录的普通用户视图:

我也在 Meta 上进行了测试。

开发者工具:

侧边栏匿名用户视图:

我还测试了其他几个部分,如类别和消息,以及我的一项自定义设置。只需确保部分名称拼写正确且全部为小写。

1 个赞

太棒了!我真的很感谢你的帮助!

我尝试这样做:

但它仍然显示“Community”对“anon”可见:

它还显示了我为公开停用的自定义部分“¿Cómo se usan?”。 :woman_shrugging:

我认为一定是在别的地方出了问题。由于我是新手,我猜不到是什么,但我会继续寻找。

非常感谢!!

hmm looking at those screenshots, i suspect it may be a language thing. if you want, you can pm me your forum address and i will have a look.

1 个赞

或者不。它在芬兰网站上运行得很好。

2 个赞

你说得对!我把 community 改成了 comunidad,然后就好了!!
:raised_hands: :heart_eyes:

2 个赞

太好了!很高兴能帮到你 :slight_smile:

1 个赞

我有点不明白为什么这会起作用,因为在我的任何论坛中,section 属性都是 data-section-name="community",无论它们使用何种语言 :thinking:

@Jagster 也说在他的论坛上它就是这样工作的,而无需翻译 data-section-name 的值。

有人知道原因吗?

2 个赞

我什么都不知道,但如果直接编辑英语术语而不是目标语言,会发生什么?

我的意思是,我已经编辑了芬兰语翻译,但我可以不处理它,直接编辑默认的英语翻译。

1 个赞

是的,如果社区是通过文本替换而不是翻译来更改的,我认为这可能会有所不同。我记得我以前在玩这个的时候,我注意到我必须将文本替换改回 community 才能使其工作,或者使用我替换成的任何文本。但是,我不知道这里是否是这种情况。

3 个赞

哦,这真是个非常有趣的消息。谢谢!

1 个赞

确保数据部分名称正确很重要。例如,如果替换的文本包含空格(如我的论坛),则需要将其替换为连字符,并且全部小写(例如:我的网站我将“Community”替换为 CFL Forums,scss 数据部分名称为“cfl-forums”,如果我想隐藏它)。数据部分名称基本上是“slugs”。

// * 从匿名用户那里隐藏侧边栏中的任何部分 - “部分名称” = section-name * //

.anon .sidebar-section-wrapper.sidebar-section[data-section-name="section-name"] {
    display: none;
}
1 个赞

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