Comment créer une peau mediawiki basée sur la peau de monobook

Le logiciel MediaWiki est le logiciel open source que WikiHow, Wikipedia, Wiktionary et de nombreux autres sites Wiki sont basés sur. Le logiciel est livré avec de nombreuses excellentes fonctionnalités, y compris un jeu de skins par défaut.

Cependant, vous voudrez peut-être utiliser le logiciel et sa puissance, mais avoir votre propre interface sur votre site. C`est quand les peaux frappent. Ils sont utilisés pour personnaliser comment le logiciel MediaWiki a l`air et se sent. Au lieu de créer votre propre peau à la terre, cet article vous montre comment créer une peau basée sur la peau de monobook qui se prépare avec le logiciel. Vous pouvez ensuite modifier ce modèle en toute sécurité sans mettre en danger l`original et vous donne un endroit pour essayer toutes les modifications que vous souhaitez ajouter sans avoir à modifier la peau d`origine. Il est également utile que les gens souhaitent apprendre à cogner dans les sites Mediawiki utilisant une approche pratique.Aux fins de la démonstration, l`article supposera que vous souhaitez créer une peau nommée MonobookMotifié, qui est initialement une copie exacte de la peau de monobook par défaut.

Pas

  1. Image intitulée Créer une peau MediaWiki à base de la peau monobook Step 1
1. Créez un nouveau répertoire nommé MonobookModifié 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 toutes les petites lettres et de ne pas utiliser de lettres majuscules dans le nom du répertoire, même si le nom de votre peau les a.
  • Image intitulée Créer une peau MediaWiki à base de la peau monobook Step 2
    2. Copiez tous les fichiers dans Skins / Monobook dans le répertoire Skins / MonobookModified.
  • Image intitulée Créer une peau MediaWiki basée sur la peau de monobook Step 3
    3. Créez un nouveau fichier texte dans le répertoire Skins et nommez-le monobookmodifié.php
  • Image intitulée Créer une peau MediaWiki à base de la peau de monobook Step 4
    4. Copier tout le contenu de monobook.php dans le monobookmodifié.fichier php.
  • Image intitulée Créer une peau MediaWiki à base de la peau monobook Step 5
    5. Ouvrir le monobookmodifié.Fichier PHP dans un éditeur de texte / PHP tel que Notepad, Notepad ++, Dreamweaver, Kate ou tout autre éditeur capable de rechercher et de remplacer le texte!
  • Image intitulée Créer une peau MediaWiki basée sur la peau de monobook Step 6
    6. Trouver et remplacer le code dans monobookmodified.php comme mentionné dans le Remplacement de code Section de cet article.
  • Image intitulée Créer une peau MediaWiki à base de la peau monobook Step 7
    7. Allez dans le répertoire Skins / MonobookMotifié et ouvrez le fichier principal.CSS dans un éditeur de texte (ou tout programme de modification des feuilles de style). Changez quelque chose de simple dans la feuille de style (le plus facile est de remplacer la couleur des en-têtes en modifiant le H1, H2, H3, H4, H5, H6 Article Couleur de "noir" dire "bleu")
  • Image intitulée Créer une peau MediaWiki à base de la peau de monobook Step 8
    8. Ouvrez le site MediaWiki que vous avez modifié dans un navigateur Web et accédez à la page Préférences. Changez la peau à la nouvelle peau et rechargez votre page. Les en-têtes doivent maintenant s`afficher en bleu (ou toute couleur que vous choisissez plus tôt)
  • Image intitulée Créer une peau MediaWiki basée sur la peau de monobook Step 9
    9. Commencer à modifier le principal.Fichier CSS pour modifier les styles de la nouvelle peau.
  • Cette peau a été modifiée de la peau d`origine de monobook 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:

    Classe Skinmonobook étend Skintemplate {/ ** à l`aide de monobook. * / fonction initpage (& $ out) {skintemplate :: initpage ($ out) - $ ceci->skinname = `monobook` - $ ceci->stylename = `monobook` - $ ceci->template = `monobooktemplate`-}}

    Et remplacez-le par:

    Classe SkinMonoBookModified Extend Skintemplate {/ ** Utilisation de monobookModified. * / fonction initpage (& $ out) {skintemplate :: initpage ($ out) - $ ceci->skinname = `monobookmodified` - $ ceci->stylename = `monobookmodifié` - $ ceci->Template = `MonobookModifiedTemplate`-}}

    • Trouvez le code suivant:

    Classe Monobooktemplate prolonge QuickTemplate {

    et remplacez-le par

    Classe MonobookModifiedTemplatet EXTENDEZ QUICKTEMPLATE {

    • Trouvez le code suivant:

    wfrunhooks (`monobooktemplatetoolboxend`, tableau (& $ ceci));

    et remplacez-le par

    wfrunhooks (`monobookmodifiedtemplatetoolboxend`, tableau (& $ ceci));

    • Trouvez l`appel suivant:

    HTML (`Csslinks`) ?>

    et remplacez-le par:

    href ="Texte (StylePath `) ?>/ Common / partagé.CSS?" />href ="Texte (StylePath `) ?>/ Common / CommonPrint.CSS?" />href ="Texte (StylePath `) ?>/ Texte (`Stylename`) ?>/principale.CSS?" />


    href ="/indice.php?Titre = MediaWiki: commun.CSS & USEMSGCACHACHACHE = YES & CTYPE = Texte% 2FCSS & Action = RAW" />href ="/indice.php?Titre = MediaWiki: Imprimer.CSS & USEMSGCACHACHACHE = YES & CTYPE = Texte% 2FCSS & Action = RAW" />href ="/indice.php?Titre = MediaWiki: MonobookMotifié.CSS & USEMSGCACHACHACHE = YES & CTYPE = Texte% 2FCSS & Action = RAW"/>href ="/indice.php?Titre = - & Action = RAW & TS = 20090313183030 & Gen = CSS" Type ="Texte / CSS"/>

    Conseils

    Il est recommandé de tester votre nouvelle peau sur différents types de pages (articles / pages normales, pages spéciales, pages dans différents espaces de noms et autres) pour vous assurer que tout va bien.
  • Vous voudrez peut-être utiliser le "Aperçu" Lier à côté du nom de la peau avant de l`appliquer dans "préférences".
  • Il est également recommandé de définir votre nouvelle peau comme par défaut une fois que vous avez terminé avec elle.
  • Mises en garde

    La procédure décrite dans cet article ne doit pas être mise en œuvre dans un environnement de production. Un laboratoire ou un environnement de test doit être créé pour imiter le plus étroitement l`environnement en direct.Utilisation de cet environnement, testez la procédure.Lorsque tous les composants ont été testés et fonctionnent avec succès, ils doivent être copiés dans l`environnement de production et les serveurs.
  • Si la nouvelle peau est appliquée sans la prévisualiser, il est souvent difficile de trouver et de restaurer la peau d`origine si quelque chose échoue ou ne pas passer l`approbation.
  • Cette procédure devrait être complétée par le personnel familiarisé avec PHP et HTML, ou supervisé par une telle personne dans le cas où les complications se produisent.
  • Articles connexes