Aide:Monobook

Un article de Wikipédia, l'encyclopédie libre.

Monobook
Raccourcis [+]
WP:MB
WP:Monobook
Aide:MB

Le monobook est une page dont dispose chaque utilisateur enregistré permettant de personnaliser l'apparence des pages de Wikipédia, et d'ajouter des outils pour faciliter l'interaction avec Wikipédia. Il s'agit en fait de deux pages : Utilisateur:<votre_pseudo>/monobook.css pour personnaliser l'apparence grâce aux CSS et Utilisateur:<votre_pseudo>/monobook.js pour ajouter des scripts JavaScript (petits logiciels).

Sommaire

[modifier] À qui s'adresse le monobook ?

Le monobook s'adresse aux utilisateurs voulant naviguer plus facilement au sein des pages, optimiser la recherche de contenu sur les différents projets Wikimedia, ou encore effectuant des tâches particulières et répétitives. C'est notamment le cas des wikipédiens qui passent du temps à faire de la maintenance des articles, mais aussi ceux qui ont des contraintes particulières d'accessibilité.

[modifier] À quoi sert le monobook ?

Le fait de créer un compte vous donne accès à de nouvelles fonctionnalités prévues par le logiciel MediaWiki (voir Aide:Préférences utilisateur) et à un monobook que vous pouvez personnaliser, qui sera chargé à chaque page.

Le monobook personnel permet d'offrir certaines fonctionnalités avancées et personnalisées. Grâce à lui, vous pouvez par exemple ajouter les codes wiki ou HTML pré-écrits que vous avez choisis. Si vous utilisez souvent des formules mathématiques complexes, vous pouvez ainsi les ajouter sans avoir à les taper à chaque fois. Bref, il vous simplifie la « wikivie » avec les scripts ainsi que rendre les couleurs du site plus à votre goût (par exemple).

Il existe un monobook par défaut qui régit l'ensemble du site et qui est chargé à chaque page. Il s'agit de MediaWiki:Monobook.css et de MediaWiki:Common.css pour l'apparence, ainsi que de MediaWiki:Monobook.js et de MediaWiki:Common.js pour les scripts.

[modifier] Personnaliser l'apparence avec les CSS

Créez d'abord une sous-page de la forme Utilisateur:<votre_pseudo>/monobook.css. Attention : le nom de la sous-page ne prend pas de majuscule : il faut écrire non pas « Monobook.css » mais « monobook.css ». Ensuite, pour personnaliser l'apparence, il vous faut connaître les rudiments des feuilles de style en cascade (CSS) et/ou prendre exemple sur MediaWiki:Monobook.css, MediaWiki:Common.css ou les monobook personnalisés des autres utilisateurs. Vous pouvez consulter Aide:Personnaliser monobook, également.

Voici quelques exemples :

/* Changer la couleur de fond des articles */
.ns-0 * #content, .ns-0 * #p-cactions li, .ns-0 * #p-cactions li a {
  background:#FFEEEE; /* couleur rose comme les pages de discussion */
}
/* Afficher les liens déjà visités en vert */
a:visited {
  color:green;
}

Vous pouvez prévisualiser (c'est d'ailleurs conseillé) l'apparence ainsi définie. Une fois satisfait, vous enregistrez, et devez recharger le cache (Mozilla / Konqueror / Firefox : Shift-Ctrl-R, IE / Opera : Ctrl-F5, Safari : Cmd-R) pour que les changement deviennent effectifs.

[modifier] Personnaliser les scripts avec Javascript

Icône de détail Article détaillé : Projet:JavaScript.

De même que pour les CSS, il vous faut d'abord créer une sous-page de la forme Utilisateur:<votre_pseudo>/monobook.js. Attention : le nom de la sous-page ne prend pas de majuscule : il faut écrire non pas « Monobook.js » mais « monobook.js ». Vous pouvez ensuite insérer des scripts pré-existants du Projet:JavaScript en marquant dans votre monobook(.js) :

obtenir('NomDuScript');

ou créer vos propres scripts en JavaScript (et si vous voulez utiliser DOM ou AJAX ou autre), ou reprendre et personnaliser certains scripts.

Vous pouvez prévisualiser (c'est d'ailleurs conseillé) le résultat des scripts et ainsi voir s'il fonctionnent bien sur votre ordinateur. Quand vous avez fini, vous enregistrez, et devez recharger le cache (Mozilla / Konqueror / Firefox : Shift-Ctrl-R, IE / Opera : Ctrl-F5, Safari : Cmd-R) pour que les changement deviennent effectifs.

Note : avant la création du Projet:JavaScript, les scripts étaient éparpillés un peu partout, entre autre Aide:Personnaliser monobook, Aide:Monobook/Fonctions avancées, ainsi que des sous-pages utilisateurs. Ces pages aident aussi à s'adapter au cadre des pages Wikipédia.

[modifier] Quelques opérations simples

Voici une liste de fonctions de base qui peuvent servir à élaborer des fonctions plus complexes.

[modifier] Ajouter un onglet en haut

Que dois-je ajouter dans ma page Utilisateur:Yug/monobook.js pour me retrouver avec un onglet de plus Utilisateur:Yug/Bac à sable ?

Réponse :

Code : Ajouter un onglet
  addOnloadHook(function() {
    addPortletLink('p-cactions', '/wiki/Utilisateur:Yug/Bac à sable', 'Ma Zone Test');
  });

C'est aussi valable pour les boîtes à gauche ou la barre de boutons. Il faut remplacer 'p-cactions' par :

  • 'p-personal' : barre utilisateur en haut à droite
  • 'p-navigation' : pour la boite Navigation
  • 'p-Contribuer' : pour la boîte Contribuer
  • 'p-search' : pour la boîte Rechercher
  • 'p-tb' : pour la Boîte à outils
  • 'p-lang' : pour la boîte Autres langues

[modifier] Ajouter une boîte de liens à gauche

Que dois-je ajouter dans ma page User:Yug/monobook.js pour me retrouver avec le lien Wikipédia:Le Bistro ?

Réponse :

Code : Ajouter une boîte
  function nouvelleBoite() {
    var l = document.getElementById('column-one');
    if (!l) return;
    l.innerHTML = l.innerHTML
     + '<div class="portlet" id="p-nbx">'
     + ' <h5>Boîte perso</h5>'
     + ' <div class="pBody">'
     + '   <ul>'
     + '     <li><a href="http://fr.wikipedia.org/wiki/Wikipédia:Le_Bistro">Le Bistro</a></li>'
     + '     <li><a href="http://fr.wikipedia.org/wiki/User:Yug/monobook.js">Monobook.js</a></li>'
     + '   </ul>'
     + ' </div>'
     + '</div> ';
  }
  addOnloadHook(nouvelleBoite);

Ce script ajoute une nouvelle « Boîte perso » à votre gauche. (Merci à FredB. Inspiré du monobook de FoeNyx)

[modifier] Importer monobook.js/.css d'un autre Wikipédia

Travaillant sur plusieurs Wikipédias, vous pouvez unifier et synchroniser vos personnalisations et n'avoir à mettre à jour que la page monobook.js de votre compte « principal ». En admettant que Wikipédia en français soit le lieu où vous agissez en priorité et où votre monobook.js est déjà personnalisé, copiez/collez dans votre monobook.js de l'autre Wikipédia :

document.write('<'+'script type="text/javascript" src="http://fr.wikipedia.org/w/index.php?title=Utilisateur:Bidule/monobook.js&action=raw&ctype=text/javascript&dontcountme=s" />');

Pour importer votre monobook.css, coller cette ligne dans le monobook.css de l'autre Wikipédia :

@import "http://fr.wikipedia.org/w/index.php?title=Utilisateur:Bidule/monobook.css&action=raw&ctype=text/css";

« Bidule » étant à remplacer par votre nom d'utilisateur de l'autre Wikipédia. En n'oubliant pas, le cas échéant, de transformer les caractères accentués et en remplaçant les espaces de votre nom d'utilisateur par _ (souligné).

Attention
Les règles @import doivent précéder toutes autres règles dans la feuille de style.

[modifier] Voir aussi

Monobook généraux 
Liens utiles