FANDOM


你知道你們一起創建的Wiki內容,每個月在全世界有超過1億人閱讀嗎?你知道超過50%的人是使用手機或平板電腦來閱讀的嗎?[1]

Fandom的最佳實踐將會幫助你使你的內容在所有的裝置上都能看起來很好,不論是豐富且彈性的桌上電腦網頁,讀者取向的手機版網頁,或是特製的手機App.

什麼是最佳實踐?

Fandom和幾個有經驗的管理員和社區成員一起撰寫了一套關於Fandom內容、模板的建議與不建議事項。我們的目標是支持並進一步培養存在於Fandom的創造力,並且也鼓勵現代網頁實踐和標準。

最佳實踐要加在你已有的模板和內容上並不難。大多數你已有的內容仍然會看起來現在一樣,作用也不會改變,但在手機和平板電腦上會更好看,這也包括在我們的社區App上。此外照著這些最佳實踐的建議,也有助於提昇你的社區的搜尋引擎排行,並且減少載入網頁的時間。

其實在社區之間已經有許多分享的心得和資訊,但以下的建議會幫助各個wiki了解不同類型內容(訊息框、導航框、引用模等)的適當作法,以便適當地提供良好的閱讀和編輯體驗。

最佳實踐

隱藏資料

在任何HTML標籤內的分類(class)用上hidden這一個屬性皆會被行動裝置介面所忽視。


訊息框

參見移動化訊息框中有介紹目前Fandom推薦的訊息框格式。


引用內容

有很多社區在文章中包括引用的內容。這些作品中的片斷字句常常是讀者們喜歡分享的。以下是兩個引用模板最佳實踐的選擇:

  1. 使用Div標籤而非table標籤,並使用class="quote"class="blockquote"搭配適當的Div標籤。
  2. 使用<blockquote>...</blockquote>標籤來創建模板。
例子:

參見英語飢餓遊戲wiki中的Template:Quote

<div class="quote">{{{quote content}}}</div>

或

<blockquote>''{{{quote content}}}'' — <cite>{{{speaker}}}</cite></blockquote>
預覽

表格

表格比其他的最佳化實踐都要複雜,但不適當的表格使用會對於所有裝置的閱讀都會有很大的不良影響-包括桌上電腦、平板電腦、手機在內。

對於表格第一項最佳化實踐是要避免建立整頁都是表格的頁面。表格應該是要用來組織和展示資訊,例如一個遊戲中武器的統計資料,或是一段劇情中的角色列表等。要使你的文章頁面達成特殊的設計目的,要使用現代的HTML和 CSS,就如同W3Schools.com中所顯示的。

第二個關於表格的最佳化實踐原則是避免嵌套表格。取而代之的,是應該儘量合併每個格子,或遵循W3Schools 中提到的一些規範。

第三個表格的最佳化實踐原則是合理地搭配行或列的數目以確保它們在桌上電腦和行動裝置中都能容易閱讀。儘量將一個格子中過於大量的資訊分坼為較少,容易閱讀的表格。

參見Help:避免嵌套表格


提醒標示

提醒標示是出現在文章頂部的區塊,用來提醒讀者或編者關於該文章的一些資訊。

Fandom建議你使用模誌模板 (目前正在發展和測試中)來管理你的提醒標示模板,這樣會更能讓桌上雷腦和手機的用戶都能有較好的閱讀體驗。

即將推出...

以下是一些你可以遵循的最佳實踐原則,在2015年時將會有相關的手機版網頁支援。

導航框

導航框(Navboxes)是許多Fandom社區中用來幫助讀者進入相關頁面的工具。很多會放在頁面的最下面。

要讓導航框在行動裝置上適當地顯示,在導航框的最上面使用class="navbox"。我們建議使用nav標籤,如下面的例子所示。

例子

參見Scrubs wiki中的Template:Ep Nav S1可看到完整樣貌。

<nav class="navbox">
<div class="navbox-title">Season One Episodes</div>
# "[[My First Day]]"
# "[[My Mentor]]"
# "[[My Best Friend's Mistake]]"
# [...]
</nav>
預覽

手機版網頁支援即將推出!


問題?

如果你對於最佳實踐有任何問題,或需要協助使你的內容遵循這些原則,請使用Special:Contact來請求協助。

記住 — 你在源代碼模式中,可以使用手機版網頁預覽來檢視你的內容在智慧型手機上顯示的樣子。


  1. Wikia Network — Quantcast.com

幫助及反饋

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