Wikipedia:Customisation

Customisation of Wikipedia allows a registered user to tailor the user experience of Wikipedia according to the user's preferences. User customisation affects only the user's own experience of Wikipedia; it does not affect the reading or editing experience of others. Only registered users can customise their experience of Wikipedia, and the customisation is visible only when the user is logged in.

Among many other things, registered users can customise the appearance of their signature when posting a comment on a discussion (Talk) page. These signature customisations are visible to all users of Wikipedia.

User name and signatures
Your username is displayed in the edit histories of all the articles you contribute to and is linked to your user and talk pages. You choose your name when you first register on Wikipedia and it is usual to stay with the same name throughout your time on the project, though it is possible to request a change of username.

You should always sign your posts on talk pages. Signatures are the text that appears before the timestamp when you put ~ on a page. Signatures are customised using "my preferences" under "User profile"; consider these guidelines when customising your signature.

You can use any wikitext as your signature (simply check the "Treat the above as wiki markup" box). If "Treat the above as wiki markup" is unchecked, the software treats this as your nickname and makes your signature " Nickname (talk) " which is rendered as:

Nickname (talk)

If something goes wrong and your signature stops working, see How to fix your signature.

Preferences
The preferences link, visible to logged-in editors, allows you to change a large number of options. There are 11 tabs (User profile, Math, Editing, etc.), of which two merit further discussion - the "Skin" tab and the "Gadgets" tab.

Skins
A MediaWiki skin is a style of page display. There are differences in the HTML code the system produces (but probably not in the page body), and also different style sheets (CSS) are used.

The default is the Vector skin. There are a variety of user-made skins available for you to browse through.

The special page My Preferences offers a preview of the various skins for the Main page. This is not exactly interesting for typical articles, therefore here's a list of previews for this page:


 * Vector (legacy)
 * Vector-2022
 * MinervaNeue
 * Modern
 * Monobook
 * Timeless

To test other pages replace the pagename in  in the URL. For modern browsers the default  offers a wide range of user customisations.

Here's a table linking the raw CSS and JS for various skins, see also Help:User style for the Common.js and common.css.

These pages are named after the skins. The personal skin file names must be written in all lower-case and without any spaces to work properly, while the default skin files have the first letter in upper-case.

selectskin template
Placing selectskin on a page adds links to switch between different skins easily. This is meant for test pages, not for articles (or other pages in the article namespace). Below is an example of the template's output:

Gadgets
The special page My Preferences has a "Gadgets" tab with a list of custom features you may enable for your account. These gadgets require JavaScript to be enabled in your browser. These tools are not part of the core MediaWiki software, and are generally developed and maintained by users on Wikipedia. Additional gadgets can be added by admins. The page Special:Gadgets shows the underlying user script(s) and/or CSS code used for each gadget.

User scripts
There are many user-made tweaks that allow for easier and quicker editing. These often only work on specific skins. Almost all work on Monobook (the old default) and many have been tested on the new default (Vector), but exercise caution. If you're using a different skin, you should be aware that some user scripts may not work with that other skin.

Many user scripts can be implemented simply by checking a box in the Gadgets tab of "my preferences" (see above). For the remaining ones, you implement them by adding them to the appropriate personal JavaScript page. For example, for editor XYZ, using the default Vector skin, the page to be edited (and created, if necessary) would be User:XYZ/vector.js. Such pages can only be edited by the owner of that userspace (in this case, XYZ, regardless of who created the page) and by admins.

Incomplete list of pre-made customisations:

Personal CSS
In addition to a personal JavaScript page, you can also have a personal page that uses Cascading Style Sheets (CSS) to modify the appearance of Wikipedia pages. As with JavaScript, the name of the page that the MediaWiki software will use depends on the skin you're using; the default is vector.css. So, for example, editor XYZ could add personal CSS code to the page User:XYZ/vector.css.

As with user scripts, the Gadgets tab of "my preferences" (see above) may include a personal CSS modification that you're interested in; if so, you can simply check a box rather than editing your personal .css page.

Hiding specific messages


A common use of a user's CSS file, requiring direct editing, is hiding certain template messages. For example, you can hide Template:Editnotices/Namespace/Category (which appears when editing a category page) by adding

into Special:Mypage/skin.css, which identifies your current skin's CSS file (open in new tab/window to see). If you use multiple skins, e.g. for a different desktop versus mobile look-and-feel, you can place that code in Special:Mypage/common.css so that it applies to all skins.

Note: you need to track down the specific id the relevant message uses; in this example, the ID is "category-namespace-editnotice". You may need to look at the wikitext of the message (e.g. the fmbox template, used to build many template messages, has two possible parameters you might see used,  and  ). If you don't see it, try asking at the Helpdesk.

See the below for a list of commonly hidden elements.

Tidying up the user interface
The following CSS code can be used to hide numerous user interface elements which may be of no use to some users :

The following JS code can be used to hide the languages toolbar :

In VisualEditor, to remove the edit summary help and license warning from VisualEditor's confirmation window, use this in CSS :

Replacing labels
To replace 'User page' with 'User', 'Talk' with 'Discussion', 'View history' with 'History' add in JS :

When using VisualEditor, if you wish to replace the edit links labels, use the following JS code, and change the labels to your preference :