Fandom

Wikia中文

279个页面
添加新页面

Wikia中文

Help:CSS 最佳實踐

(重定向自Help:CSS best practices) | 简体 | 繁體 | 香港繁體

279个页面
创建于此维基
添加新页面
讨论0

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

指引

使用主題設計器

Theme designer.png

使用主題設計器

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

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


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

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

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

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

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


讓設計簡單

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

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


寫出較容易讀的代碼

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

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

/* 說明內容 */

相關連結

幫助及反饋

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

您使用了广告屏蔽软件!


Wikia通过广告运营为用户提供免费的服务。我们对用户通过嵌入广告屏蔽软件访问网站进行了使用调整。

如果您使用了广告屏蔽软件,将无法使用我们的服务。请您移除广告屏蔽软件,以确保页面正常加载。

查看其他Fandom

随机维基