Manual:Skinning/Vector/zh

Mediawiki1.17及以后版本，如何基于vector皮肤创建一个名叫MoeGirl的皮肤（当然除了MoeGirl以外的任何名字都可以）

复制 vector 的文件

• 把目录 ./skins/vector ，改名成 ./skins/moegirl
• 复制 ./skins/Vector.php ，改名成 ./skins/MoeGirl.php
• 复制 ./skins/Vector.deps.php ，改名成 ./skins/MoeGirl.deps.php
• 在文件 ./skins/MoeGirl.php里, 替换如下代码:

  把每一个 SkinVector 替换成 SkinMoeGirl

  把每一个 VectorTemplate 替换成 MoeGirlTemplate

  $skinname = 'vector', $stylename = 'vector' 替换成 $skinname = 'moegirl', $stylename = 'moegirl'

  'skins.vector' 替换成 'skins.moegirl'

  其他的“vector”就不要动了，除非你需要添加与vector相关的系统信息

• 编辑: ./resources/Resources.php

  添加下面这一行（建议写在/* Skins */的正下方）:

   'skins.moegirl' => array(
        'styles' => array( 'moegirl/screen.css' => array( 'media' => 'screen' ) ),
        'remoteBasePath' => $GLOBALS['wgStylePath'],
        'localBasePath' => $GLOBALS['wgStyledirectory'],
   ),

译者注明

改resourceloader.php的缺点是：升级后需要重新修改，如果不想修改，可以把

/**
* Load skin and user CSS files in the correct order
* fixes bug 22916
* @param $out OutputPage object
*/
function setupSkinUserCss( OutputPage $out ){
parent::setupSkinUserCss( $out );
$out->addModuleStyles( 'skins.moegirl' );
}

这段代码直接用

<link rel="stylesheet" href="你的CSS的路径/style.css" type="text/css" media="screen" />

替换，当然这样也有缺点，文件不通过resourceloader加载，不能自动压缩代码，没法统一设置过期刷新时间，会增加一个http请求。

颜色

vector的配色方案主要是通过 ./skins/moegirl/images 里的图实现的， 这些图片由 ./skins/moegirl/screen.css 加载。

border.png

内容区边界的颜色（就是正文区和左边从LOGO开始的那个L型区域的交界线）

page-base.png

内容区的颜色

page-fade.png

页面顶部的白渐变灰色

改变未登录时的样式

To change the site's layout/view when not logged in:

<?php if ( $this->data['loggedin'] ) { ?>
/* code to be used only when logged in */
<?php } ?>