Mediawiki界面修改--头部和导航及CSS样式

wangsisi

界面信息修改



      MediaWiki的大部分界面信息存放在Special:Allmessages里面，包括界面的文字、链接、气泡提示、热键等。进行定制时，请找到相应信息，点击左栏链接进行修改。
      搜索结果页面中增加新建页面提示：参考本站nogomatch设置进行修改（仅对"进入"按钮有效，"搜索"按钮尚未解决） 修改页面左侧工具栏中的“帮助”链接：参见本站helppage设置，将“wikipedia:帮助”改为本地名字空间，例如“天下维客”、“help:帮助”图解过程(超级菜鸟可以考虑参阅^_^)
1、对于多语言版本，需要修改mediawiki:xxx、mediawiki:xxx/zh-cn、mediawiki:xxx/zh-tw多个版本（甚至/zh-hk、/zh-sg版本）。否则用户在自己的参数设置页面里选择不同语言参数时，会看到未修改语种下的内容未被更新。

2、mediawiki 1.5版本之后，同一表现元素换用了不同的mediawiki名称。因此，升级之前建议自己做好修改记录，免得大量的本地化修改失效后不记得改成什么。

工具栏下方添加友情链接



打开skins/Monobook.php，找到如下两行：

<?php if( $this->data['language_urls'] ) { ?><div id="p-lang" class="portlet">
   <h5><?php $this->msg('otherlanguages') ?></h5>


在前面添加：

<div class="portlet" id="p-tb">
   <h5>友情链接</h5>
   <div class="pBody">
     <ul>
  <li id="feedlinks""><a href="http://www.allwiki.com" target="_blank"><img src="http://www.allwiki.com/images/allwiki_logo.gif" border="0" alt="天下维客" /></a></li>
  <li id="feedlinks""><a href="http://zh.wikipedia.org" target="_blank"><img src="http://upload.wikimedia.org/wikipedia/zh/c/ce/Wiki_button.png" border="0" alt="中文维基百科" /></a></li>
     </ul>
     </div>
</div>


请根据需要，修改上面内容中的链接、图片网址和alt字串。

注意：

①上述内容必须使用UTF-8格式进行存盘，否则汉字显示乱码；

②本修改只针对默认的Monobook风格。


例：天下维客的界面修改


修改Monobook文件
1、打开skins/Monobook.php，找到下面一行：

    在此前增加自己制作的网站题头。天下维客使用的题头示范代码如下：（实际代码请自行查看网页源代码）
<table width="100%" height="64" border="0" cellspacing="0" id="allwiki"><tbody><tr>
<td width="90" height="64" rowspan="2"><a href="http://www.allwiki.com/"><img src="http://网站LOGO.png" width="90" height="64" border="0" /></a></td>
<td height="52" valign="bottom"><span style="font-size:36px;color:#FFF;"><b>天下维客</b></span>
<span style="font-size=13px;color:#000;"> 你可以修改的网络知识库</span></td>
<td width="188" align="right" valign="middle" style="font-size:12px">
<div id="head0">
<a title="天下维客，中文wiki专题网站" href="http://www.allwiki.com/wiki/天下维客">关于本站</a>
</div></td>
<td width="2%" rowspan="2"> </td></tr>
<tr><td colspan="2" align="right" style="COLOR:#fff;"><div id="head1">
<a title="天下维客首页" href="http://www.allwiki.com">首页</a> | <a title="网页改动记录" href="http://www.allwiki.com/wiki/Special:Recentchanges">最近更改</a>
</div></td></tr></tbody></table>


2、删除Monobook.php中原有的LOGO代码段落：
<div class="portlet" id="p-logo">
  <a style="background-image: url(<?php $this->text('logopath') ?>);"
     href="<?php echo htmlspecialchars($this->data['nav_urls']['mainpage']['href'])?>"
     title="<?php $this->msg('mainpage') ?>"></a>
</div>
<script type="<?php $this->text('jsmimetype') ?>"> if (window.isMSIE55) fixalpha(); </script>


3、用utf-8格式保存并上传到服务器。

修改样式表文件
打开skins/monobook/main.css之后：

1、调整注册及编辑标签位置：

1-1 找到如下段落：
/*
** the personal toolbar
*/

#p-personal {

将该段落中的top改为76px
1-2 找到如下段落：
/*
** the page-related actions- page/talk, edit etc
*/
#p-cactions {

将该段落中的top改为87px
2、增加题头中的链接样式，直接在文件尾部顶行输入即可：

#head1 a{font-weight: bold;color:#fff;}#head0 a{font-size:12px;color:#008;}

3、用utf-8格式保存并上传到服务器，修改完成。