我才刚开始使用员工通知,但发现它们不清楚指的是哪个帖子。我认为很难判断它与它上面或下面的帖子有关。
将其放在分隔帖子之类的分隔线下方是否更有意义?
我认为这部分原因在于您使用的主题?通知底部的圆角使其感觉与下面的帖子有些脱节。我认为在这里的 Meta 上使用默认主题感觉更好?(我在此主题中添加了一些通知作为示例)
谢谢大卫,但我试过不加主题,还是不清楚。你在这里给出的例子很明显,因为一个是第一篇帖子,另一个有主题图分开,一旦你超越了那里,如果你不熟悉它,就无法分辨它朝哪个方向发展。试试这个,删除那些通知,在这里回复我,并给我的回复添加一个通知。
我也要参与 ![]()
编辑:在我看来是正确的
如果说有什么不足的话,那就是填充物有点太少了:

(在重新查看了一些其他员工通知的困惑时,我偶然发现了这个旧帖子……)
我一直认为员工通知的放置可能有些含糊不清。由于主题可以以不同的方式处理颜色、边框和分隔线,因此可能很难通过这种方式解决。
一种可以应用于所有帖子通知的替代方法是使用自定义 CSS 在头像前插入一个Unicode 箭头:

.post-notice::before {
content: '🡇';
}
(或者也许更正确):
.post-notice::before {
content: " \\1F847";
}
……或者在文本内容前:
![]()
.post-notice p::before {
content: " \\1F847";
margin-right: .5rem;
}
……哦——这里有一个改变颜色的技巧:

.post-notice p::before {
content: " \\1F847\\fe0e";
color: yellow;
margin-right: .5rem;
}
(将 \\fe0e 追加到任何 Unicode 字符都可以呈现一个接受颜色的文本版本。参考。)
然后我决定向下箭头对于主帖的通知看起来不太对,因为它更明显地指向主题。此 CSS 将箭头替换为主帖的子弹:

#post_1 .post-notice p::before {
content: " \\29BF\\fe0e";
color: yellow;
margin-right: .5rem;
}
太棒了,Todd!很高兴我不是唯一一个疯狂的人 ![]()
我遇到了一些关于向下箭头显示的问题,所以稍微修改了一下,也清理了一下,并采用了三级颜色以兼容主题。
.post-notice p::before {
content: "\2B07\FE0E";
color: var(--tertiary);
margin-right: .5rem;
}
#post_1 .post-notice p::before {
content: "\29BF\FE0E";
}
因为帖子在主题中的排序方式以及滚动时的行为,对我来说,自然而然地会认为它指的是下面的帖子。箭头是一个不错的点缀,也是一个很好的指示解决方案。您也可以在工作人员通知中加入一些参考。![]()
恕我直言,这似乎是一种“我知道并且我习惯了,所以对我来说是显而易见的”的看法。我认为工作人员通知显然只能在帖子发布后才能发布。所以,如果事情“按顺序”进行,自然会期望工作人员通知在帖子之后。
就我个人而言,我认为 @davidkingham 的观点绝对有道理:这是模棱两可的。如果能让任何人一眼就能看清楚,那就更好了。而在这里,情况并非如此(如果想要放在帖子顶部,例如,放在发帖人姓名下方的で工作人员通知会更加清晰。这在技术上可能更复杂,或者因为其他原因不被喜欢)。
对于某些主题(例如我现在使用的 Meta Branded 主题),工作人员通知位于分隔帖子的线下方,因此可以清楚地知道通知指的是什么。
也许其他主题也可以采用这种方式?
这很有可能。 ![]()
我想我当时想说的是(但表达得很糟糕),当我滚动浏览一个主题时,它似乎是指下面的帖子,尽管帖子的时间顺序是合乎逻辑的。
第一个员工通知为什么没有行,而其他通知都有?
我个人不使用员工通知,因为这里讨论的问题。试图给予更多关注,但向右移动可能是必需的。
我个人也认为将通知放在帖子之后会更合乎逻辑。我还没有找到一种简单的方法将它们移到那里,作为临时解决方案,我添加了以下 CSS 样式:
.post-notice.custom {
background: linear-gradient(to bottom, rgb(255 0 5) 0%, rgba(255, 137, 139, 0.2) 2%, rgba(255, 137, 139, 0) 70%);
}
现在通知看起来像这样:
由于渐变的方向,可以直观地看出其“逻辑延续”在哪里。
请注意,我使用了带有 .custom 类的规则,因为该类不适用于自动通知,例如当用户写下第一条消息或在长时间后写消息时创建的通知。对于这种情况,我们可以使用其他渐变颜色。
顺便说一句,我想知道是否有办法查看通知还可以有哪些其他类,以及 .custom 类是否仅适用于管理员通知或其他地方?