定制MediaWiki的设计/外观的最佳方法是什么?

我是MediaWiki的新手,想为MediaWiki打造自己的皮肤。例如,我有一个按钮(div.button-field> input),我想给它一个高度:100%。我知道您可以将其放在

这样的custom.css中
div.button-field > input {height: 100%;}

但是,如果对每个元素都执行此操作,则要自定义.css会变得很长。另一件事,如果我只想自定义嵌套的特定按钮,例如“ div> div.container> form> div> div.button-field> input”,然后添加一个div或删除一个div,则它将无法正常工作了,我必须调整“路径”。那么正确的方法是什么呢?还是.css是最好的方法?

诚挚的问候 奥利(Oli)

liutongyanjss 回答:定制MediaWiki的设计/外观的最佳方法是什么?

答案取决于您要更改的数量。

  1. 第一个最简单的方法是找到现有的皮肤,请参见MediaWiki.org

  2. 您可以配置一些元素,例如the logothe faviconthe sidebar,并且可以更改每个text message of the interface

  3. 然后,您可以通过修改页面 MediaWiki:Common.css (例如English Wikipedia上的示例)来自定义CSS规则,作为登录管理员。 MediaWiki:YourSkinName.css 用于特定于皮肤的规则(例如,MediaWiki:Vector.css仅用于修改皮肤Vector;例如English Wikipedia上的示例)。

    您还可以通过修改 MediaWiki:Common.js (例如English Wikipedia上的示例)或 MediaWiki:YourSkinName.js 来修改皮肤的添加JavaScript功能,特定规则(例如MediaWiki:Vector.js仅修改外观Vector;该页面在English Wikipedia上不存在)。

    推荐这种修改方式,因为它会在MediaWiki更新期间保留,尽管从长远来看可能需要进行小的修改。

  4. 如果要进行较大更改,可以复制现有外观,重命名外观并更改PHP代码,例如通过移动或删除整个块。最好复制支持良好的外观,例如Vector或Monobook,以确保它与大多数MediaWiki扩展兼容。

    但是在MediaWiki更新期间将需要一些或很多工作(取决于更改的数量),并且如果您无法执行此工作,则可能是您自定义皮肤中断,或者您将使用旧的MediaWiki版本(不建议出于安全原因使用此功能。

    此外,如果您选择此路径,请警告不要破坏VisualEditor期望的结构,如果您希望它继续工作。

MediaWiki.org上有一个教程,可以使蒙皮从最简单的方法适应最繁重的操作,请参阅Manual:Skinning Part 1和下一页。

本文链接:https://www.f2er.com/3033964.html

大家都在问