FANDOM


本文來自於英文社區文章

PortableInfobox-Panel-Orc

一直以來,我們都希望用我們廣泛使用但開發力度還不足的產品 - 移動式訊息框 - 來解決許多懸而未決的編輯問題。在先鋒志願者團隊的幫助下,我們許多社區多年來一直使用很多調整性非常強的模板,並希望通過定製化傳達最好的展示效果。隨着手機和平板電腦設備使用的不斷擴大,這一點更加凸顯。我們最近對訊息框做出了一些調整,讓其更加簡潔,以改善信息的外觀和傳達效果,增強用戶體驗。

儘管這些訊息對手機呈現非常有幫助,它仍然存在很大的改進空間。它可以幫助社區以他們想要的方式展示數據內容。因此,除了修復移動網頁和Fandom App的外觀之外,我們還添加了自定義選項,以方便用戶在不丟失移動式訊息框簡易性的前提下,讓用戶擴展訊息深度。

移動式訊息框是許多年前創造的,之後很長一段時間我們都沒有對它進行大的改進。部分原因是我們一直在思考一個問題:如果我們將內容(用戶看到的內容)與演示文稿(如何創建訊息框)分開,那麼有多少因此應該被標準化,而又有多少應該被定製化?定製化選項是否意味着信息框不再簡化呢?在Fandom內部經歷了一年的變化之後,我們終於知道是時候添加些選項了,讓移動式訊息框能力更加滿足社區的需要。

有哪些變化?

首先我們希望解決的是一個顯而易見的問題:訊息框必須是關於信息的。訊息框的每個元素都是為了提供數據(無論是文本還是圖像)或導航(通常是鏈接)而服務的。社區擁有各種數據,它們以獨特的方式對單個項目進行定製化。Fandom和與先鋒志願者通過和社區交流,發現即便是簡單的維基程式語言也會偶爾導致問題。這些大多涉及到文章的布局和風格,主要是維基表格在訊息框中的使用。它導致非常複雜的CSS代碼,這些代碼難以理解,限制了社區的應變能力,也讓一些黑客趁虛而入。

我們通過添加JS和CSS的方式解決了這個問題。我們還增加了一種新的方法來識別訊息框,讓它們不僅通過主題設計進行識別,而是通過邏輯描述。例如,Pokémon社區中在展示寵物時使用訊息框,會考慮一種特定的布局,而不管寵物是什麼類型。這裡應該通過不同顏色來區分寵物,而不是通過更改布局進行轉換。而此前,更改布局是唯一可行的方式。我們相信,這將允許更強大和更靈活的CSS代碼,用更少的代碼做更多的事情。

接下來,我們看一下訊息框是如何被用於一些意想不到的形式的。一些社區會在一篇文章中添加多個訊息框,並將它們堆疊起來彼此嵌套,或者使用在移動設備上展示效果不佳的定製化解決方案進行來回切換。然而,這些呈現並不能在所有設備上都能很好地展示內容。因此,我們使用新的「面板」功能,將允許社區在訊息框中添加更多的層次,讓內容在不同層次中進行自由切換。默認情況下,面板的這種工作方式非常類似於標籤(tabber),並且可以在移動和桌面設備上同時工作。

我們已發布了這些新的變化,您可以立即在社區中使用了。同樣,我們會不斷研發移動式訊息框,讓它將來更好的服務於您的社區。如果您有任何問題或者建議,可以在這裡留言告訴我們。


User:Cal-Boy/badge

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