MediaWiki/Theming

You can change the look and layout of your Mediawiki site. The place to start is the wikimedia groups' meta pages.

There is the design document and the info on skins or just dive into all the examples of user styles

How to chage the Logo

You can change the Logo of the wiki by altering the $wgLogo variable in LocalSettings.php to the name of the image you want to use as a logo. Please note that this logo should be placed in the /skins/common/images/ folder.

$wgLogo             = "$wgStylePath/common/images/freephile_sm_logo.gif";

How to change the favicon

You can change the icon that is displayed in the address bar of your browser by setting a value for $wgFavicon in the LocalSettings.php file

$wgFavicon          =  "http://www.freephile.com/images/logos/favicon.ico";

How to make your own skin

You can create a skin all by yourself by following the steps provided below:

1. Go to your mediawiki directory;
2. Copy the monobook directory and name it with the name of your skin, exempli gratia: mywikiskin;
3. Copy the MonoBook.php file and name it with the name of your skin, exempli gratia: MyWikiSkin.php;
4. Edit MyWikiSkin.php and change the class name to SkinMyWikiSkin, exempli gratia: class SkinMyWikiSkin extends SkinTemplate;
5. In MyWikiSkin.php, change make the other class to have your skin name together with the word Template, exempli gratia: class MyWikiSkinTemplate extends QuickTemplate;
6. In MyWikiSkin.php, make $this->skinname to have a string value of your skin name, exempli gratia: 'mywikiskin';
7. In MyWikiSkin.php, make $this->stylename to have a string value of your skin name, exempli gratia: 'mywikiskin';
8. In MyWikiSkin.php, make $this->template to have a string value of your skin name properly capitalised with the word Template, exempli gratia: 'MyWikiSkinTemplate';
9. In your mywikiskin directory edit the image and CSS files;
10. Edit and customise MyWikiSkin.php as you please;
11. In LocalSettings.php set $wgDefaultSkin = 'mywikiskin'.

Nice Examples

1. http://en.opensuse.org/Welcome_to_openSUSE.org
2. http://www.mono-project.com/Main_Page
3. http://beagle-project.org/Main_Page
4. http://en.opensuse.org/Welcome_to_openSUSE.org
5. https://wiki.mozilla.org/Main_Page

I'm fairly certain without checking the wayback machine that developer.mozilla.org used to run mediawiki, with a nice theme. Now they are running a commercial opensource product.

Resources

The Layout Design Document might cover some relevant info, but a quick glance makes it seem that it's circa 2004.

The skinning manual http://www.mediawiki.org/wiki/Manual:Skinning is probably the most comprehensive and best introduction to how the skin system works aside from digging into the code in the 'skins' directory.

Cascading Style Sheets = A technology that deals with the presentation of content on the web