Help:CSS 最佳實踐

想要使用CSS來自訂你的Wiki的外觀設計嗎？這裡有一些能協助你的指引。

指引

使用主題設計器

自訂你的Wiki最簡單也比較不容易出錯的方法是使用Fandom的主題設計器功能。

• 主題設計器讓你使用一些快速簡單的自訂功能，例如更改Wiki的logo、顏色以及背景。
• 可進一步參見Help:主題設計器並可以進入你的Wiki的Special:ThemeDesigner開始設定。

避免不協調或過於閃耀的顏色

這個建議尤其在內容區域更為重要。

• 並非所有的人的視力都像你一樣--有許多人視力不佳或有色盲。
• 不同的顯示設備也可能會造成效果不同 - 你看到的顏色可能在其他人的設備上看到的不同。

當然，這些在你作設計的時候不容易判斷，因此以下有一些建議：

• 確認文字與背景的顏色的對比性夠- 例如深色的文字和淺色的背景。
• 背景圖片很酷 - 但如果造成它前面的文字看不清楚就不了！注意如果你想要讓背景在頁面中能看到一些，在主題設計器中有一個簡單的透明度的設定。
• 不要讓任何事物太小，尤其是主要的文字區域。

讓設計簡單

你可能會很想讓你的Wiki充滿了圖標、動畫、顏色-然而這些有可能對一些訪客來說是很煩人。

此外，記得Fandom的版型是浮動寬度的-你所看到的畫面在其他訪客不同大小的銀幕上看到的很可能不同。因此，例如設定寬度比例而不是絕對的寬度會讓每個人看到的樣子的差異比較小。

寫出較容易讀的代碼

別忘了，你可能不是唯一設計該Wiki的人——試着確認你寫的代碼別人也看得懂。空行以及明確名稱都能方便其他人理解。

此外，在一些不容易辨識的代碼中增加一些說明也是好方法——你可以把解釋文字放在相關CSS代碼前面的 /* 和 */ 之間，例如：

/* 說明內容 */

相關連結

• Help:客制化政策
• W3Schools 線上CSS教程（英文）
• The W3C CSS Validation Service - 協助檢查語法錯誤，類似於Special:CSS本身。

幫助及反饋

• 請到這裡以瀏覽及搜索其他帮助頁面
• 瀏覽Fandom中文社區中心以尋求更多幫助與支援
• 如要報告任何問題或不明白的，請向Fandom聯絡
• 觀看Fandom課堂了解如何更好地編輯社區內容。