Projet:Charte graphique/Minerva

Charte graphique
Minerva

Minerva est l'interface mobile web de Wikipédia.

Pour personnaliser l'interface Minerva, on peut créer le fichier /minerva.js et le fichier /minerva.css.

Ajouter des boutons utiles

Par défaut, l'interface Minerva ne contient pas :

• le lien vers l'élément Wikidata ;
• le lien vers la page des articles liées ;
• le lien pour renommer la page.

Le script chouette.js permet d'ajouter ces boutons en bas de la page.

mw.loader.load('//fr.wikipedia.org/w/index.php?title=Utilisateur:PAC2/chouette.js&action=raw&ctype=text/javascript'); // [[Utilisateur:PAC2/chouette.js]]

Le script permet d'ajouter :

• le lien vers Reasonator pour visualiser les données de l'élément sur wikidata ;
• le lien vers la echercher le titre de l'article dans Wikipédia ;
• le lien vers le pageviews (statistiques de visites) de l'articles ;
• le lien pour renommer la page ;
• le lien vers une recherche des médias hébergés sur Wikimédia Commons représentant le sujet de l'article.

Revenir à la page courante et annuler une modification

Depuis la liste de suivi, Minerva renvoie systématiquement vers une page historicisée. Par ailleurs, depuis cette page, il n'est théoriquement pas possible d'annuler les modifications postérieures. Le script chouette-revert.js ajoute deux fonctionnalités, l'une pour revenir à l'url standard de la page (sans paramètre oldid), l'autre pour revenir à la version actuellement consultée et annuler les modifications postérieures (utile pour patrouiller depuis un mobile) :

mw.loader.load('//fr.wikipedia.org/w/index.php?title=Utilisateur:PAC2/chouette-revert.js&action=raw&ctype=text/javascript'); // [[Utilisateur:PAC2/chouette-revert.js]]

Personnaliser le CSS

Pour personnaliser le CSS, il suffit de créer la page /minerva.css.

On peut par exemple personnaliser l'apparence des boutons :

.mw-revision, .mw-ui-button {
background: #FFFFFF;
box-shadow: 0 0 0.2em #999999;
border-radius: 0.2em;
margin: 0.5em 0.5em 1em 0.5em; 
}

Changer les couleurs dans les diffs :

del { background-color: red !important; color: white !important}
ins { background-color: blue !important; color: white !important}

Dans cet exemple, le contenu supprimé apparaît sur fond rouge (background-color: red) et le contenu ajouté est sur fond bleu (background-color: blue). La liste des couleurs se trouve dans cette page d'aide.

Obtenir les palettes

La version mobile n'affiche pas les palettes de navigation par défaut. Le script Pamo débloque les limitations et permet l'affichage des palettes. Pour l'importer, il faut copier dans son minerva.js :

mw.loader.load('//fr.wikipedia.org/w/index.php?title=Utilisateur:Laurent04000/pamo.js&action=raw&ctype=text/javascript'); // [[Utilisateur:Laurent04000/pamo.js]]

Voir aussi

• Aide:Personnaliser l'interface
• Documentation de Chouette