Aide:Personnaliser l'interface

Les sites de la fondation Wikimedia utilisent MediaWiki qui permet de personnaliser l'interface.

La personnalisation peut se faire de deux manières :

• Utiliser Javascript et feuilles de style : Il faut des connaissances techniques (HTML, Javascript, DOM, CSS).
• Utiliser les gadgets : Les scripts tout prêt à être utilisés, sans avoir besoin de connaissances techniques.

Javascript et feuilles de style

Certaines pages wiki sont fait des feuilles de styles (extension .css) et des scripts (extension .js).

La personnalisation peut se faire à deux niveaux différents :

au niveau du site

Il existe des pages spéciales que seuls les administrateurs peuvent modifier :

• MediaWiki:Common.css et MediaWiki:Common.js, scripts communs à tous les habillages du site,
• MediaWiki:Monobook.css et MediaWiki:Monobook.js, scripts pour l'habillage Monobook,
• MediaWiki:Vector.css et MediaWiki:Vector.js, scripts pour l'habillage Vector,
• ...
• MediaWiki:Geshi.css styles pour la coloration syntaxique,
• MediaWiki:Print.css styles pour la version imprimable,
• MediaWiki:Mobile.css styles pour les appareils mobiles,
• MediaWiki:Handheld.css styles pour les appareils mobiles,

au niveau de l'utilisateur

L'utilisateur est libre de définir ses propres scripts :

• Utilisateur:nom/common.css et Utilisateur:nom/common.js, scripts communs à tous les habillages du site,
• Utilisateur:nom/monobook.css et Utilisateur:nom/monobook.js, scripts pour l'habillage Monobook,
• Utilisateur:nom/vector.css et Utilisateur:nom/vector.js, scripts pour l'habillage Vector,
• ...

Le contenu de ces pages doit respecter une syntaxe spécifique. Pour les connaissances techniques nécessaires, voir les livres suivants :

• Programmation JavaScript pour la programmation Javascript (*.js),
• Le langage CSS pour les feuilles de style (*.css),
• Le langage HTML pour la manipulation/génération des balises HTML par script.

Il est également utile de connaître l'ordre dans lequel les scripts sont lus et exécutés par le navigateur :

1. Les gadgets en premier,
2. Ensuite les scripts communs MediaWiki:Common.css et MediaWiki:Common.js,
3. Puis les scripts de l'habillage (MediaWiki:Monobook.css et MediaWiki:Monobook.js pour Monobook),
4. Enfin, les scripts personnels (Utilisateur:nom/monobook.css et Utilisateur:nom/monobook.js, pour l'habillage Monobook).

Utiliser les gadgets

Les administrateurs peuvent définir des gadgets utilisables par tous les utilisateurs. Un gadget est un ensemble de scripts (Javascript et feuilles de style CSS) permettant d'ajouter une fonctionnalité ou de personnaliser l'interface.

Certains gadgets avancés peuvent nécessiter un paramétrage via l'utilisation de scripts personnels (Voir le paragraphe précédent).

Activer/Désactiver un gadget

Pour activer ou désactiver un gadget :

1. Allez sur la page de vos préférences,
2. Cliquez l'onglet "Gadgets" (le dernier onglet),
3. Cochez ou décochez les cases correspondant aux gadgets à activer ou désactiver,
4. Cliquez le bouton "Enregistrer les préférences" en bas de page.

Création de gadgets

La création de gadgets exige les mêmes connaissances techniques que pour la personnalisation utilisant Javascript et feuilles de style. Seuls les administrateurs sont autorisés à ajouter de nouveau gadgets, car ceux-ci doivent respecter quelques critères : fonctionner avec la plupart des navigateurs, réelle utilité afin de limiter la liste des gadgets disponibles.

La création de gadgets est détaillée dans la page d'aide "Créer des gadgets".