FANDOM


本文来自于英文社区文章

PortableInfobox-Panel-Orc

一直以来,我们都希望用我们广泛使用但开发力度还不足的产品 - 移动式讯息框 - 来解决许多悬而未决的编辑问题。在先锋志愿者团队的帮助下,我们许多社区多年来一直使用很多调整性非常强的模板,并希望通过定制化传达最好的展示效果。随着手机和平板电脑设备使用的不断扩大,这一点更加凸显。我们最近对讯息框做出了一些调整,让其更加简洁,以改善信息的外观和传达效果,增强用户体验。

尽管这些讯息对手机呈现非常有帮助,它仍然存在很大的改进空间。它可以帮助社区以他们想要的方式展示数据内容。因此,除了修复移动网页和Fandom App的外观之外,我们还添加了自定义选项,以方便用户在不丢失移动式讯息框简易性的前提下,让用户扩展讯息深度。

移动式讯息框是许多年前创造的,之后很长一段时间我们都没有对它进行大的改进。部分原因是我们一直在思考一个问题:如果我们将内容(用户看到的内容)与演示文稿(如何创建讯息框)分开,那么有多少因此应该被标准化,而又有多少应该被定制化?定制化选项是否意味着信息框不再简化呢?在Fandom内部经历了一年的变化之后,我们终于知道是时候添加些选项了,让移动式讯息框能力更加满足社区的需要。

有哪些变化?

首先我们希望解决的是一个显而易见的问题:讯息框必须是关于信息的。讯息框的每个元素都是为了提供数据(无论是文本还是图像)或导航(通常是链接)而服务的。社区拥有各种数据,它们以独特的方式对单个项目进行定制化。Fandom和与先锋志愿者通过和社区交流,发现即便是简单的维基程式语言也会偶尔导致问题。这些大多涉及到文章的布局和风格,主要是维基表格在讯息框中的使用。它导致非常复杂的CSS代码,这些代码难以理解,限制了社区的应变能力,也让一些黑客趁虚而入。

我们通过添加JS和CSS的方式解决了这个问题。我们还增加了一种新的方法来识别讯息框,让它们不仅通过主题设计进行识别,而是通过逻辑描述。例如,Pokémon社区中在展示宠物时使用讯息框,会考虑一种特定的布局,而不管宠物是什么类型。这里应该通过不同颜色来区分宠物,而不是通过更改布局进行转换。而此前,更改布局是唯一可行的方式。我们相信,这将允许更强大和更灵活的CSS代码,用更少的代码做更多的事情。

接下来,我们看一下讯息框是如何被用于一些意想不到的形式的。一些社区会在一篇文章中添加多个讯息框,并将它们堆叠起来彼此嵌套,或者使用在移动设备上展示效果不佳的定制化解决方案进行来回切换。然而,这些呈现并不能在所有设备上都能很好地展示内容。因此,我们使用新的“面板”功能,将允许社区在讯息框中添加更多的层次,让内容在不同层次中进行自由切换。默认情况下,面板的这种工作方式非常类似于标签(tabber),并且可以在移动和桌面设备上同时工作。

我们已发布了这些新的变化,您可以立即在社区中使用了。同样,我们会不断研发移动式讯息框,让它将来更好的服务于您的社区。如果您有任何问题或者建议,可以在这里留言告诉我们。


User:Cal-Boy/badge

除了特别提示,社区内容遵循CC-BY-SA 授权许可。