Comment créer un skin MediaWiki basé sur le skin MonoBook?

Cet article vous montre comment créer un skin basé sur le skin MonoBook fourni avec le logiciel — Au lieu de créer votre propre skin à partir de zéro, cet article vous montre comment créer un skin basé sur le skin MonoBook fourni avec le logiciel.

Le logiciel MediaWiki est le logiciel open source sur lequel se basent Wikipédia, Wiktionnaire et de nombreux autres sites wiki. Le logiciel est livré avec de nombreuses fonctionnalités excellentes, y compris un ensemble de skins par défaut.

Cependant, vous voudrez peut-être utiliser le logiciel et sa puissance, tout en ayant votre propre interface sur votre site. C'est à ce moment-là que les skins entrent en jeu. Ils sont utilisés pour personnaliser l'apparence et la convivialité du logiciel MediaWiki. Au lieu de créer votre propre skin à partir de zéro, cet article vous montre comment créer un skin basé sur le skin MonoBook fourni avec le logiciel. Vous pouvez ensuite modifier ce modèle en toute sécurité sans mettre en danger l'original, et cela vous donne un endroit pour essayer toutes les modifications que vous pourriez vouloir ajouter sans avoir à modifier l'habillage d'origine. Il est également utile pour les personnes souhaitant apprendre le skinning dans les sites MediaWiki en utilisant une approche pratique. À des fins de démonstration, l'article supposera que vous souhaitez créer un skin nommé MonoBookModified, qui est initialement une copie exacte duskin MonoBook par défaut.

Pas

1

Créez un nouveau répertoire nommé monobookmodified dans le répertoire skins qui se trouve dans le répertoire racine de votre installation mediawiki. Il est important de créer le répertoire avec des lettres minuscules et de ne pas utiliser de majuscules dans le nom du répertoire même si le nom de votre skin les contient.
2

Copiez tous les fichiers de skins/monobook dans le répertoire skins/monobookmodified.
3

Créez un nouveau fichier texte dans le répertoire skins et nommez-le monobookmodified.php
4

Copiez tout le contenu de monobook.php dans le fichier monobookmodified.php.
5

Ouvrez le fichier monobookmodified.php dans un éditeur texte/php tel que notepad, notepad++, dreamweaver, kate ou tout autre éditeur capable de rechercher et de remplacer du texte!
6

Recherchez et remplacez le code dans monobookmodified.php comme mentionné dans la section de remplacement de code de cet article.
7

Allez dans le répertoire skins/monobookmodified et ouvrez le fichier main.css dans un éditeur de texte (ou n'importe quel programme pour éditer des feuilles de style). Changez quelque chose de simple dans la feuille de style (le plus simple est de remplacer la couleur des en-têtes en changeant la couleur des éléments h1, h2, h3, h4, h5, h6 de "noir" à "bleu")
8

Ouvrez le site mediawiki que vous avez modifié dans un navigateur Web et accédez à la page des préférences. Remplacez le skin par le nouveau skin et rechargez votre page. Les en-têtes devraient maintenant s'afficher en bleu (ou dans n'importe quelle couleur que vous avez choisie précédemment)
9
Commencez à modifier le fichier main.css pour changer les styles du nouveau skin.
- Ce skin a été modifié par rapport au skin MonoBook original en couleur de fond et en ajoutant une deuxième barre d'outils au bas de chaque article.

Méthode 1 sur 1: remplacement de code

Trouvez le code suivant:

class SkinMonoBook étend SkinTemplate { /** Utilisation de monobook. */ function initPage(&$out) { SkinTemplate::initPage($out); $this->skinname = 'monobook'; $this->stylename = 'monobook'; $this->template = 'MonoBookTemplate'; } }

Créez un nouveau répertoire nommé monobookmodified dans le répertoire skins qui se trouve dans le répertoire racine de votre installation mediawiki.

Et remplacez-le par:

class SkinMonoBookModified étend SkinTemplate { /** Utilisation de monobookmodified. */ function initPage(&$out) { SkinTemplate::initPage($out); $this->skinname = 'monobookmodified'; $this->stylename = 'monobookmodified'; $this->template = 'MonoBookModifiedTemplate'; } }

Trouvez le code suivant:

la classe MonoBookTemplate étend QuickTemplate {

et remplacez-le par

la classe MonoBookModifiedTemplate étend QuickTemplate {

Trouvez le code suivant:

wfRunHooks('MonoBookTemplateToolboxEnd', array(&$this));

L'article supposera que vous souhaitez créer un habillage nommé MonoBookModified — À des fins de démonstration, l'article supposera que vous souhaitez créer un habillage nommé MonoBookModified, qui est initialement une copie exacte de l'habillage par défaut de MonoBook.

et remplacez-le par

wfRunHooks('MonoBookModifiedTemplateToolboxEnd', array(&$this));

Trouvez l'appel suivant:

html('liens css')?>

et remplacez-le par:

Conseils

Il est recommandé de tester votre nouveau skin sur différents types de pages (articles/pages normaux, pages spéciales, pages dans différents espaces de noms, etc.) pour vous assurer que tout va bien.
Vous pouvez utiliser le lien "aperçu" à côté du nom du skin avant de l'appliquer dans les "préférences".
Il est également recommandé de définir votre nouveau skin par défaut une fois que vous en avez terminé.

Lisez aussi: Comment transférer des fichiers sur WhatsApp sur iPhone ou iPad?

Mises en garde

La procédure décrite dans cet article ne doit pas être implémentée dans un environnement de production. Un laboratoire ou un environnement de test doit être créé pour imiter au plus près l'environnement réel. À l'aide de cet environnement, testez la procédure. Lorsque tous les composants ont été testés et fonctionnent correctement, ils doivent être copiés dans l'environnement de production et le(s) serveur(s).
Si le nouvel habillage est appliqué sans le prévisualiser, il est souvent difficile de trouver et de restaurer l'habillage d'origine en cas d'échec ou de non-approbation.
Cette procédure doit être effectuée par du personnel familiarisé avec PHP et HTML, ou supervisée par une telle personne en cas de complications.