Les skins pour MediaWiki

De Analyse Développement Hacking
Sauter à la navigation Sauter à la recherche
Naviguer dans ce wiki : Accueil du wiki - Objectifs - Administrateur - Développeur - Intégrateur - Jeux - Marketing - Multimédia - Objets numériques - We make Hack
Consulter le site : Accueil du site - Annuaire - Blog - Forum - Outils - Utilisateur     Consulter le Redmine : Accueil du Redmine

Les skins pour MediaWiki

Modifier les skins de Mediawiki

La page MediaWiki:Common.css permet de modifier les css appliquées à mediawiki.
Aller sur la page avec l’adresse suivante : https://www.visionduweb.eu/wiki/index.php?title=MediaWiki:Common.css

Modifier l'emplacement du logo et du menu de Mediawiki sur son template

<div id="mw-panel" style="top:120px!important;width: 13em!important;padding-left: 1em!important;">
  <!-- Le logo de Mediawiki -->
  <div id="p-logo" role="banner"><a class="mw-wiki-logo" href="<?php
  echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] )
  ?>" <?php
  echo Xml::expandAttributes( Linker::tooltipAndAccesskeyAttribs( 'p-logo' ) )
  ?>></a></div>

  <!-- Le menu de Mediawiki -->
  <?php $this->renderPortals( $this->data['sidebar'] ); ?>
 </div>

Skins par défaut

Source : https://www.mediawiki.org/wiki/Help:Skins/fr

Skin Monobook

Élargir le menu de gauche

L'exemple suivant concerne le style monobook et n'a pas été testé.
Modifier le fichier skins/monobook/main.css :
colum-content (changer margin)
skins/monobook/main.css
#column-content {
       width: 100%;
       float: right;
       /*margin: 0 0 .6em -12.2em;*/
       margin: 0 0 .6em -14.2em;
       padding: 0;
}
content (changer margin)
skins/monobook/main.css
#content {
       /*margin: 2.8em 0 0 12.2em;*/
       margin: 2.8em 0 0 14.2em;
   .portlet (style du menu de gauche - changer width)
skins/monobook/main.css
.portlet {
       border: none;
       margin: 0 0 .5em;
       padding: 0;
       float: none;
       /*width: 11.6em;*/
       width: 14em;
       overflow: hidden;
}

Autres personnalisations avec Monobook

Source : https://fr.wikipedia.org/wiki/Aide:Personnaliser_l%27interface/Exemples

Skin Vector

Utiliser la CSS Vector-DarkCSS

Modifier la CSS de Mediawiki pour tous les habillages : index.php?title=MediaWiki:Common.css
Modifier la CSS de Mediawiki pour l'habillage Vector : index.php?title=MediaWiki:Vector.css
Les pages MediaWiki:Common.css et MediaWiki:Vector.css sont toujours prioritaires sur les styles CSS par défaut. 
Ajouter la css proposée pour Vector-DarkCSS : https://www.mediawiki.org/wiki/Skin:Vector-DarkCSS
Correctifs ajoutés :
/* Supprimer l'image bordure de sous titre */
div#mw-panel div.portal div.body{background-image:none!important;}

/* Rendre les images de Yuml responsives. */
img{max-width:100%!important;height:auto!important;}
Noter que la page de connexion est toujours affichée par défaut actuellement.

Templates à ajouter de façon simple dans le dossier skins

Le skin Timeless

La page officielle : https://www.mediawiki.org/wiki/Skin:Timeless
Télécharger : https://github.com/wikimedia/mediawiki-skins-Timeless
Ajouter le contenu dans le dossier skins/Timeless.
Activer le skin depuis le fichier LocalSettings.php
wfLoadSkin( 'Timeless' );
$wgDefaultSkin = 'timeless';
Un très beau skin fonctionnel également en responsive pour les applications mobiles.

Le skin Dgraph

Site officiel : https://open.dgraph.io
Wiki : https://wiki.dgraph.io
Github : https://github.com/dgraph-io/dgraph
Discuss : https://discuss.dgraph.io
Slack : https://slack.dgraph.io
Page Mediawiki : https://www.mediawiki.org/wiki/Skin:Dgraph
Télécharger Dgraph : https://github.com/dgraph-io/mediawiki-dgraph-skin
Télécharger les sources depuis Github, décompresser le dossier.zip, et, récupérer le dossier Dgraph.
Déplacer ce dossier Dgraph dans wiki/skins/
Depuis le fichiers LocalSettings.php : 
# Appliquer le skin dgraph comme skin par défaut :
$wgDefaultSkin = "dgraph";
# Charger le skin dgraph :
wfLoadSkin( 'Dgraph' );
Bogues remonté sur Github :
Le menu par défaut de Mediawiki n'est pas affiché.
L'image de fond d'écran n'est pas responsive.

Le skin pivot

Page Mediawiki : https://www.mediawiki.org/wiki/Skin:Pivot
Télécharger pivot : https://github.com/Hutchy68/pivot/
Télécharger les sources depuis Github, décompresser le dossier.zip, et, renommer le dossier pivot-master en pivot.
Déplacer ce dossier pivot dans wiki/skins/
Depuis le fichiers LocalSettings.php : 
# Appliquer le skin pivot comme skin par défaut :
$wgDefaultSkin = "pivot";
# Charger le skin pivot :
wfLoadSkin( 'pivot' );
On peut trouver plus esthétique.

Skins alternatifs

Le skin bootstrap-mediawiki

Le skin suivant est t'il obsolète ? Source sur GitHub : https://github.com/borkweb/bootstrap-mediawiki
Créer la page : "Bootstrap:TitleBar" pour obtenir le menu de navigation horizontal. Ce menu remplace le menu de navigation à gauche.
Fond sombre et police sombre.
J'utilise le fichier /wiki/skins/bootstrap-mediawiki/font-awesome/css/font-awesome.min.css pour patcher l'éditeur de texte css :
#wpTextbox1 {color:grey!important;}
La langue de Home, de Tools, et, de Search, n'est pas en français.
Le problème majeur rencontré, la connexion ne fonctionne plus normalement dans mon contexte actuel, avec l'utilisation d'un Bridge.
J'enlève le skin bootstrap-mediawiki pour revenir au skin par défaut de MediaWiki.

BlueSpice

Site officiel : https://en.help.bluespice.com/wiki/Main_Page
Système nécessaire : https://en.help.bluespice.com/wiki/Setup:System_requirements
La page concernant la version gratuite de BlueSpice : https://en.help.bluespice.com/wiki/BlueSpice_free
Manuel d'installation : https://en.help.bluespice.com/wiki/Setup:Installation_Manual
Télécharger : https://sourceforge.net/projects/bluespice/files/
BlueSpice free : https://bluespice.com/download-bluespice/
Installation automatique avec l'installeur : https://en.wiki.bluespice.com/wiki/Setup:Installation_Manual/With_Installer
Semble très beau et intéressant mais je n'ai pas aboutis l'installation.
Je cherche encore la façon d'installer uniquement le template sur un Mediawiki déjà installé.
Je ne souhaite pas surcharger la base de données native ou les scripts natifs durant une mise à jour qui ne permet pas de savoir ce qui est réellement modifié.

Skins complémentaires

Tous les skins : https://www.mediawiki.org/wiki/Category:All_skins
Autres skins : https://www.mediawiki.org/wiki/Manual:Gallery_of_user_styles

NAVIGATION

PARTICIPER ET PARTAGER

Vous êtes sur le wiki de Vision du Web.
Les pages présentées sur le wiki évoluent tous les jours.
Certaines recherches sont peu abouties et incluent des erreurs.
Pour participer sur le wiki, créer un compte utilisateur en haut à droite.
La recherche interne du wiki permet de trouver le contenu qui vous intéresse.
Identifiez-vous pour poser vos questions sur la page de discussion de VisionDuWeb.
Améliorer le contenu des pages en faisant des propositions depuis l'onglet discussion.
Télécharger le sommaire au format PDF pour le consulter en étant déconnecté du réseau.
Les informations du wiki ne doivent pas servir à nuire à autrui ou à un système informatique.
De nombreux outils gratuits sont listés et disponibles dans la boîte à outils de Vision du web.
D'autres pages du wiki peuvent correspondre à vos attentes. La liste de toutes les pages du wiki.

VALORISER LE WIKI

Valoriser le contenu partagé sur le wiki avec un don en monnaie numérique :
AEON - Bitcoins - Bitcoins Cash - Bitcoins Gold - Bitcore - Blackcoins - Basic Attention Token - Bytecoins - Clams - Dash - Monero - Dogecoins - Ethereum - Ethereum Classique - Litecoins - Potcoins - Solarcoins - Zcash

OBTENIR DE LA MONNAIE NUMERIQUE

Obtenir gratuitement de la monnaie numérique :
Gagner des Altcoins - Miner des Altcoins.
Consulter le miroir du wiki depuis Planet Hoster : Le miroir du wiki version du 12 Juillet 2019.