說明:用戶樣式
維基百科,自由的 encyclopedia
登入用戶不僅可以設置維基百科參數,還可以透過Special:Mypage/common.css和Special:Mypage/common.js實現更強大的自訂。
此幫助頁目前正依照en:Help:User style上的內容進行翻譯。 (2012年2月9日) |
維基百科使用手冊 |
讀者手冊 |
入門 跟蹤改變 帳號 |
common.css里編寫CSS,可以客製化頁面的字型、顏色、連結的位置等等。common.js里編寫JavaScript(JS),可以在網頁上增加功能。注意在維基百科上編寫的樣式表和JS代碼都是在GFDL下公開發布的。
概述
注意:在預設組態下,所有的用戶樣式和指令碼會被忽略;除非管理員在LocalSettings.php裏面加入這樣兩行:
$wgAllowUserJs = true;
$wgAllowUserCss = true;
在用戶樣式設定的時候,首先要選中一個面版,然後系統會確定相應的層疊樣式表(CSS)。用戶可針對每個面版對字型、顏色等做不同的選擇。CSS是用選擇器[1]來客製化的,每個選擇器作用的物件包括HTML元素、class和id。它們在具體的HTML代碼中定義。因此,只要檢視HTML原始碼,便可知道一個面版可以怎麼樣調整。尤其是那些class和id越多,則變化就越多。
所有面版都享有(繼承)MediaWiki:Common.css檔案中定義的樣式,其他的樣式則依選擇的面版不同而存放在分離的檔案中。例如,中文維基百科中預設的樣式為:
- https://zh.wikipedia.org/style/monobook/main.css 及 MediaWiki:Monobook.css
- https://zh.wikipedia.org/style/wikistandard.css 及 MediaWiki:Standard.css
- https://zh.wikipedia.org/style/cologneblue.css 及 MediaWiki:Cologneblue.css(科龍香水藍)
- https://zh.wikipedia.org/style/nostalgia.css 及 MediaWiki:Nostalgia.css(懷舊)
在元維基中則為:
- https://meta.wikimedia.org/style/monobook/main.css 及 m:MediaWiki:Monobook.css
- https://meta.wikimedia.org/style/wikistandard.css 及 m:MediaWiki:Standard.css
- https://meta.wikimedia.org/style/cologneblue.css 及 m:MediaWiki:Cologneblue.css
- https://meta.wikimedia.org/style/nostalgia.css 及 m:MediaWiki:Nostalgia.css
放在樣式目錄的檔案是供特定的面版使用的,它們在各個維基專案中大致上相同。樣式表目錄的名字在安裝的時候就設置好了,參見LocalSettings.php#Stylesheet_Location。
在vector面版中,你可以透過JavaScript以及CSS改變 https://zh.wikipedia.org/style/vector/main.css 及 MediaWiki:Vector.css的樣式定義。然後將這些改變存放在你的用戶頁子頁面Special:Mypage/vector.css和Special:Mypage/vector.js中。
你同樣可以改變標準面版;用戶頁面應該這樣起名:User:用戶名/ standard.css 和User:用戶名/ standard.js(其它的面版類推)。
只要輸入一些css或者js代碼到該頁即可。該頁面的預覽會有些特別:它能讓你根據頁面所定義的樣式看到頁面的邊界(而不是內容),只要所用的面版正好要用到正在預覽的頁面。這樣會有些限制,例如你會看到邊界範圍內的連結看起來怎麼樣,但也許看不到你想要檢查的所有類型的內容。在儲存之後,不管還在該頁面或是轉到了其它頁面,可以強制重新整理立即應用新的設置。
特定面版(在這裏是 https://zh.wikipedia.org/style/wikistandard.css )的專案通用CSS及個性化的JS和CSS是透過
<script type="text/javascript"
src="/w/wiki.phtml?title=User:''username''/standard.js&action=raw&ctype=text/javascript">
</script>
@import "/style/wikistandard.css";
@import "/w/wiki.phtml?title=User:''username''/standard.css&action=raw&ctype=text/css";
這樣的HTML原始碼進行連結的。
「MySkin」沒有對應的main.css。個性化的css頁面是在User:用戶名/ myskin.css(全部小寫!)。
參見Help:站點範圍的css維基頁.