Wikiwand AI

Projet:Charte graphique/Minerva

From Wikipedia, the free encyclopedia

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

Fusée Charte graphique
Minerva

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

Ajouter des boutons utiles

Exemple de rendu de script sur l'article Elizabeth Anderson.

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

Le script chouette-revert.js ajoute deux liens en bas de la boîte, l'un pour revenir à la page courante, l'autre pour annuler les modifications postérieures.

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

Exemple d'affichage des palettes sur Minerva grâce au script Pamo.

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

Related Articles

Timelines

Top Qs

Fact Checks