Aller au contenu

Projet:Charte graphique/Minerva

Une page de Wikipédia, l'encyclopédie libre.
Fusée 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

[modifier | modifier le code]
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

[modifier | modifier le code]
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]]

Annuler une modification

[modifier | modifier le code]
Page de diff avec le script undo.js.

Le script undo.js ajoute un bouton pour annuler les modifications directement dans les pages de diffs :

mw.loader.load('//meta.wikimedia.org/w/index.php?title=User:FR30799386/undo.js&action=raw&ctype=text/javascript'); // [[Utilisateur:FR30799386/undo.js]]

Personnaliser le CSS

[modifier | modifier le code]

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.

Liens externes

[modifier | modifier le code]