在上一篇文章《MediaWiki简介及安装》中我们简单介绍了一下MediaWiki的安装和设置,那么接下来我们来看看站点logo的设置。
MediaWiki的默认图标就是那朵黄色的菊花,只是相对WordPress来说,更换相对要麻烦一些,所以这里做个简单记录。

一、准备工作

严格说来,MediaWiki的图标文件需要准备三个,分别如下:

1. logo.png

网页左上角的logo图标,默认是MediaWiki自带的菊花。图像尺寸应为135 x 135像素。
注意:如果您使用了一个较大的图像,MediaWiki将不会调整这个图像的大小!取而代之的是,从左上角显示图像,超出大小的将会被裁剪,故只有一部分图像是可见的。若这个角是完全是白的,这会看起来图片没有显示,虽然事实上是已经显示了的。

2. favicon.ico

网页图标,就是在浏览器的地址栏中URL旁边显示的一个小图标。图像尺寸为16x16, 32x32, 48x48, 64x64像素等。

3. apple-touch-icon.png

主要用于Apple产品(如iphone、ipad等触摸屏设备)的图标。图像尺寸为57x57, 72x72, 114x114和144x144像素。

二、上传图标

以上文件准备好之后,将其上传到服务器的指定地址。
由于系统默认的图标文件位于/resources/assets/中,那么我们就一并将其他几个也上传至此。如果你没有收藏的愿望,那么直接用你的logo.png文件覆盖掉原有的就可以了,否则备份一下也可。
当然,你也可以上传到自己喜欢的目录中。

三、修改配置文件

打开根目录下的LocalSettings.php文件,找到如下代码:

## The URL path to the logo.  Make sure you change this from the default,
## or else you'll overwrite your logo when you upgrade!
$wgLogo = "$wgResourceBasePath/resources/assets/logo.png";

如果你是直接覆盖原有图标文件的,那么这条就无需修改。否则就输入你上传的文件地址,如:

$wgLogo = "{$wgScriptPath}/mylogo.jpg";

在上例中,图片和LocalSettings.php在一个文件夹中。
然后在以上代码后面添加如下的代码:

## 网站图标
$wgFavicon = "$wgResourceBasePath/resources/assets/favicon.ico";

## Apple电子设备图标
$wgAppleTouchIcon = "$wgResourceBasePath/resources/assets/apple-touch-icon.png";

四、测试效果

修改保存后上传至服务器,然后刷新一下页面,效果如下所示。
change-mediawiki-logo.png
好吧,请无视我那土的掉渣的Logo。


参见:
MediaWiki手册:常问问题

最后修改:2024 年 01 月 05 日
如果觉得我的文章对你有用,请随意赞赏