Help:用户样式
維基百科,自由的 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维基页.