Wiki L'encyclopédie Moga
S'inscrire
Advertisement
Wiki L'encyclopédie Moga
19 616
pages

Je (Bllob/Wrondral) compte mettre ici tous les outils utiles à l'amélioration de la Mogapedia: que ce soient les outils de Wikia, des explications sur les modifs, sur le code et autres. Tout ce qui sert quoi.

Chose utile: Devant la longueur plus que conséquente de ce billet, n'hésitez pas à utiliser l'outil de recherche de votre navigateur (F3 sur Chrome, Ctrl+F sur Mozilla, le reste je ne connais pas) pour trouver ce que vous cherchez.

En premier lieu : les éditeurs[]

Wikia propose trois modes d'édition: l'Editeur Visuel, le Mode Visuel et le Mode Source. Je détaille rapidement

  • Editeur Visuel: sur n'importe quelle page, si vous appuyez non pas sur le bouton "Modifier" mais sur la flèche juste à côté, vous devriez voir immédiatement en-dessous la mention "EditeurVisuel" (oui, il manque un espace). Ce mode, de mémoire, est celui utilisé par la version mobile du Wikia (donc sur tablette et smartphone), et permet de modifier le contenu d'une page sans pour autant charger une nouvelle page. Cependant, bien que ce mode soit supposément plus intuitif, ergonomique et simple d'utilisation que les deux autres, le Mode Visuel n'a rien à lui envier du tout (même interface, même utilisation), et ne sacrifie pas votre RAM et votre connexion pour pouvoir seulement s'afficher... J'estime qu'il est à éviter (ce qui est d'autant plus simple qu'il est séparé des modes "classiques"); l'idée est bonne, mais la conception bien trop lourde, ce peu importe la machine. Par ailleurs, si jamais il vous arrivait de vous en servir, il lui arrive de se définir comme nouvel éditeur par défaut. Description et résolution de la chose ici.
    • A partir de maintenant, vous pouvez oublier l'Editeur Visuel. Je n'en parlerais pas, ce jusqu'à la fin de ce billet.
  • Mode Visuel: Mode par défaut du Wikia, probablement celui le plus utilisé par les contributeurs, et de loin. Impeccable pour du texte simple, assez pratique pour des images, il reste commode pour l'utilisation de modèles (sauf quand il y en a trop). Pas de code (même si vous pouvez en mettre, mais c'est moyennement conseillé; préférez le Mode Source pour ça); ne prend pas en charge les fonctions trop "complexes". Chose intéressante, avoir le Mode Visuel comme éditeur par défaut permet de faire des excursions dans le Mode Source et d'en revenir.
  • Mode Source: en réalité, toute modification se fait en version "Source" (en code, donc). Lorsque vous modifiez dans le Mode Visuel, l'utilisation d'italique, du souligné, de titres, de modèles et d'images, passe par le mode source. Ce qui apparaît dans le Mode Visuel apparaît dans le Mode Source (différemment selon l'usage), mais la réciproque n'est pas vraie: certaines fonctions utilisées ne passent pas à l'affichage en Mode Visuel, qui bascule alors sur le Mode Source (voici un exemple, la fonction utilisée pour le visionnage de l'image désactive nécessairement le Visuel).

Les modifs en "Mode visuel" (Editeur par défaut/Editeur Visuel)[]

... Vous allez peut-être penser que je ne suis qu'un flemmard, et vous n'auriez pas vraiment tort. Mais dans ce cas précis, il existe un bien meilleur tutoriel que ce que je pourrais faire ici (dans le même temps, je fais quelque chose un peu moins à rallonge), et je tiens à ce que ce travail soit reconnu: je vous renvoie donc sur le Wikia français de Fire Emblem. Le tutoriel a été fait par Dr.Greil, admin de ce Wikia. Il est certes un peu plus large que ce que je comptais faire, mais ce n'est pas plus mal.

Bien sûr, le tutoriel est optimisé pour Fire Emblem (surtout au niveau des exemples), mais la démarche et les conseils sont communs à tous les Wikias.

Les modifs en "code" (Mode Source)[]

Etant donné que j'ai modifié mes préférences pour avoir le Mode source par défaut, je pense être bien plus à même de faire quelque chose d'efficace sur ce sujet.

Le Mode Source du Wikia utilise principalement le HTML (et implicitement le CSS pour l'aspect graphique), avec cependant une petite refonte de la syntaxe à la sauce Wikia. Par ailleurs, lorsque vous utilisez un modèle en Visuel et que vous modifiez les informations à l'intérieur, le contenu des cases fonctionne en Mode Source, donc en HTML (pour ça que la plupart du temps, le résultat n'est pas celui escompté).
Je ne tiens pas à faire la théorie du HTML ici (mes quelques cours en 2nde MPI remontent à très loin). Je me limiterais à l'utilisation effective sur un Wikia, en renvoyant au langage HTML quand c'est possible.

Nota : n'hésitez pas à regardez le code de cet article si vous ne comprenez pas comment fonctionnent les choses. J'ai beau mettre des exemples, une faute est vite arrivée.

Considérez que vous faites du HTML. Par conséquent, le retour à la ligne classique ne fonctionne pas. Il se remplace par la balise <br/>: mettez ça à chaque fin de votre ligne pour qu'il soit au courant que vous passez en-dessous. Sinon (parce que le Wikia est quand même sympa), un double retour à la ligne marche aussi, mais il vous renvoie plus bas qu'un "br".

Afin de pouvoir modifier en source sans avoir à connaître le HTML, le Mode Source de Wikia propose une barre d'outils (dont je ne me sers pas personnellement), un peu plus étendue que celle du mode classique (mais sans plus). Je compte expliquer les différents outils dans la barre, de gauche à droite par bloc fonctionnel, en ajoutant d'autres fonctions/commandes rentrant dans le thème.


Mise en page classique[]

Opérations sur la police[]

  1. Première icône de la barre, le Texte gras, qui se fait en encadrant par <b> et </b> ou par des "triple apostrophe" '''. Exemple:'''Chocolat''' pour Chocolat.
  2. Seconde icône, le Texte italique, encadrer par <i> et </i> ou par des "double apostrophe" ''. Exemple ici, ''Chocolat'' pour Chocolat.
  3. Un premier ajout personnel, le Souligné, qui se fait avec les balises <u> et </u>. "Le chocolat c'est <u>Bon</u>" devient "Le chocolat c'est Bon".
  4. Un autre petit ajout, plus à titre d'anecdote qu'autre chose. Le texte Barré, qui se fait avec les balises <strike>et </strike>. Ce qui rend plus dur à lire . La balise <s> marche aussi à la place de <strike>, et donc </s> pour finir.
  5. Un autre ajout personnel, de taille (... ce jeu de mot est nul): les balises <big>, </big>, <small> et </small> permettent d'augmenter (big) ou de réduire (small) la taille de la police. Mettre une paire big /big augmente la taille de police de 1, une paire small /small réduit d'autant.
  6. La couleur de la police n'est pas accessible en Mode source si l'on ne connaît pas un peu le HTML. Il faut utiliser les balises <font> et </font>. Plus précisément, "font color": mettez <font color=blood>obtenez ainsi un... violet vif</font> et obtenez ainsi un... violet vif.
    1. Certaines couleurs peuvent passer directement lorsque vous écrivez leur nom précis (en anglais). Par exemple, Red pour rouge, Blue pour bleu, Purple, Black, White, Grey... Les couleurs "simples" on dira.
    2. Si vous recherchez une couleur très précise, il y a de bonnes chances qu'elle n'ait pas de nom. Il faudra mettre sa valeur RVB en hexadécimal: allez sur Google, cherchez "Couleurs hexa", prenez n'importe quel site et faîtes le choix de votre couleur, le site vous donnera l'équivalent hexadécimal ( une chaîne de 6 caractères, mélangée de chiffres et de lettres allant de A à F; parfois, vous aurez droit à un # devant). Prenez la valeur de la couleur, et écrivez-là dans votre code, en mettant un # s'il n'y en a pas puis en collant la valeur de votre couleur. Par exemple <font color=#FF6000>cette couleur</font>, qui fait un orange assez voyant.
    3. A noter que la balise "font" peut faire plus que changer la couleur de la police: vous pouvez notamment modifier la taille de police avec "size=10px" par exemple, ou même le type de police. Cependant, évitez d'abuser de ces balises, qui se font très vieilles maintenant sur le Net; préférez l'usage de CSS, avec "span" (par exemple pour la couleur, <span style="color:red; font-size:8px"></span> pour un effet de ce genre).

Liens[]

  1. Icône n°3, Lien hypertexte interne, typiquement pour renvoyer vers une autre page du wikia: [[Votre texte doit se trouver entre ces deux paires d'accolades|ici un texte pour faire apparaître le lien sous une autre description]]. [[Spécial:Forum|Des banane]]s devient ainsi Des bananes. (Au passage, vous remarquerez la sortie volontaire du S de ma part, et le fait qu'il soit quand même intégré au lien; pratique lorsque pour des raisons d'accord vous voulez légèrement changer l'affichage du lien)
  2. Icône n°4, Lien hypertexte externe, pour renvoyer vers une autre page: [ici doit se trouver l'url entière de la page vers laquelle vous renvoyez , et séparez d'un espace lorsque vous voulez changer la mise en forme du lien]. [http://fr.fireemblem.wikia.com/wiki/Tutoriel_:_Se_servir_du_wiki Ceci apparaît alors ainsi] Ceci apparaît alors ainsi. L'équivalent HTML est la balise <a href=...>, mais préférez la syntaxe Wikia sur ce point.

Titres[]

Les titres (icône n°5), ou Headers en anglais, permettent de s'y retrouver un peu dans un article un peu long. Le HTML utilise les balises <h2></h2>, <h3></h3> et ainsi de suite, le numéro indiquant à quel niveau vous descendez. Wikia remplace ces balises par des signes égaux, et a des équivalents pour h2, h3 et h4 (2 signes pour h2, 3 pour h3, 4 pour h4).
Par ailleurs, le Wikia fait un petit peu plus que transformer les balises HTML selon sa propre syntaxe: avec les titres, il établit des sections dans l'article, permettant une modification plus localisée : prenez la page listant les composants de MH3U, je peux vous dire que c'est appréciable de ne pas avoir à charger tous les composants des autres monstres dont vous vous fichez sur le moment.
Et dernière chose, la présence de titres sur un article permet au Wikia de faire un sommaire sur la page, ordonné selon les niveaux des titres. Pensez-y lorsque vous en mettez.

Mise en page plus avancée[]

Numérotation et Puces[]

La numérotation et l'usage de buses sont disponibles dans la Barre d'outils du Mode visuel, de mémoire. Mais pas dans celle du Mode source; cependant, puisque je m'en sers ici, autant les expliquer.

  • Les buses simples se font en posant * en début de ligne.
    • Posez-en plusieurs à la suite pour descendre en niveaux.
    • Vous remarquerez que je n'ai pas employé Nowiki pour afficher l'étoile, dans la première ligne avec buse. Veillez bien à ce qu'elles soient en début de ligne!
      • Mettre un espace entre la buse et votre texte ne change rien, c'est à vous de voir si vous préférez ou pas.
  1. Les numérotations se font en utilisant #.
    1. Ce que je viens d'écrire pour les buses est tout aussi valable pour la numérotation.
    2. Si vous voulez écrire à la mode de Twitter, évitez de commencer votre ligne par un #. Ou encadrez-le par nowiki avant, sinon vous aurez un début de numérotation.
Et pour finir, vous pouvez avoir le même résultat, mais sans les buses ou les numérotations, en utilisant :.

Ajouts d'images/médias[]

J'avoue à peine me rappeler la balise HTML pour les images (et je ne pense pas l'avoir jamais vue pour une vidéo).
Au niveau des icônes, ce sont les 6ème et 7ème. La syntaxe Wikia est quasiment la même que pour les liens, à quelques nuances près.

[[Fichier:ItemIcon025e.png|right|30px|link=Mur:Bllob]] vous donnera cela:

ItemIcon007e

Explications:

  • Les paires de crochets indiquent qu'il y a appel à quelque chose; Fichier indique que ce n'est pas un lien, mais une image, une vidéo ou autre (Wikia fait la distinction de lui-même). L'icône n°7 ne sert donc pas à grand-chose à mon sens, la n°6 faisant le travail.
  • Le nom du fichier doit être parfaitement bien écrit (majuscules, éventuelle ponctuation), et surtout, en entier (je pense notamment aux images, qui ont une extension).
  • Tout ce qui suit l'appel du fichier fait partie des options; elles se distinguent entre elles par la barre verticale |:
    • "right" indique l'alignement de l'image sur l'espace où elle est insérée (ici le corps de la page). Right pour la droite, Center pour le centre, Left pour la gauche.
    • "30px" indique la taille voulue pour l'image. 30px signifie "30 pixels de large par 30 de haut". Veillez à ne pas oublier le "px", ou l'une de ses deux lettres.
    • Une autre option possible est "border", qui permet d'ajouter un petit cadre extérieur sur l'image.
    • "link" permet d'ajouter un lien redirigeant là où on veut sur le Wikia. Le lien s'active en cliquant sur l'image.

Mise en page mixte[]

Ce sont des outils (icônes 8 à 11) d'utilité variable, pour obtenir un meilleur rendu visuel principalement.

  • La première icône change l'espace de travail et vous permet d'écrire sous LaTeX (à prononcer Latec). Pas vraiment ce dont nous avons besoin (étant donné que très peu d'équations mathématiques existent sur ce Wikia), mais à tout hasard, le changement se fait avec les balises <math> et </math>. Ecrivez toutes vos formules entre ces deux balises, comme vous les écririez sous LaTeX.
  • La suivante est sans aucun doute la fonction dont je me sers le plus sur cet article: tout ce que vous mettrez entre les balises <nowiki> et </nowiki> apparaîtra tel quel. Aucune balise de code ne sera traduite entre ces balises, notamment la "br" (cependant, étant toujours en mode Source, le retour à la ligne ne fonctionne pas non plus). A utiliser sur de courts espaces donc.
  • Non présent dans la barre, il existe des balises pour faire du "Nowiki étendu": les balises <pre> et </pre> créent un cadre séparé dans lequel l'effet "Nowiki" est actif, mais le retour à la ligne fonctionne aussi.
Petit exemple<br/>
Montrant que ça marche

Principalement utilisé pour documenter les modèles, ou pour montrer des morceaux assez conséquents de code.

  • L'icône 10 sert pour insérer sa signature. Celle-ci, par défaut, inclut votre nom et un lien vers votre mur, ainsi que la date et l'heure de l'insertion; à utiliser sur un Billet de blog plutôt, et encore l'intérêt est limité. Mais pour ceux qui voudraient savoir, la commande est ~~~~ (à mettre une seule fois, là où vous voulez apposer votre signature).
    • Si vous ne voulez pas de l'heure et de la date, ne mettez que 3 ~.
      • Et si vous ne voulez que l'heure et la date, mettez-en 5.
  • La dernière icône de ce bloc insère une ligne séparatrice (la même que celle utilisée dans un titre de niveau 2, indiqué par h2 ou ==). Quasiment identique à la signature, la commande est ----. Mettez la commande seule sur sa ligne pour la faire fonctionner.

Outils d'imports[]

Les derniers outils de la barre servent à importer des images (1er outil) ou des vidéos (3ème). Celui entre les deux permet de créer des galeries d'images, ou des carrousels (galerie d'images tournant automatiquement). Les deux outils d'import se retrouvent ailleurs, en-dehors des modifications, et ne sont là que pour un éventuel import express de fichier oublié.
Pour les carrousels ou galeries, le plus simple est de laisser Wikia faire. L'usage est assez limité sur ce Wikia (la page d'accueil, à la limite).


Tableaux sous toutes leurs formes[]

Les tableaux sont des éléments importants sur le Wikia, vous les trouverez sous diverses formes dans une grosse (GROSSE) partie des pages du Wikia, et je dirais qu'au moins 85% des modèles existants sur Mogapédia font usage de tableaux.
Le Mode Visuel présente les outils pour insérer un tableau, en choisissant nombre de lignes et colonnes, mais de mémoire il ne fait pas beaucoup plus ; notamment, vous ne pouvez pas régler les paramètres visuels de votre tableau, et pour avoir débuté sur Mogapédia avec la liste des composants de MH3U (en Visuel donc), je peux vous dire que c'est assez long d'aller plage de cellule par plage pour changer les paramètres comme on le veut, alors qu'aller ajouter deux touches de CSS dans le Source est bien plus simple (suffit de savoir où le placer dans le tableau). Et puis je suis toujours dans les modifications en Source, donc je vais le montrer sous ce mode.
Je tiens à préciser que je ne suis pas des plus familiers avec les tableaux. J'ai beau m'occuper de bon nombre de modèles comportant des tableaux, une fois que le modèle est fait je ne touche plus à la structure globale; et je ne suis pas expert sur la syntaxe (ou la connaissance) des classes et styles, donc la plupart du temps je copie d'un autre code qui correspond à ce que je veux.

Point important lorsque l'on aborde ces éléments (tableaux ou modèles): Le retour à la ligne classique n'a aucun effet sur le visuel, comme j'ai déjà dit. Ce n'est pas une raison pour ne pas faire de retours à la ligne ; au contraire, faites-en. Vous comprendrez beaucoup mieux ce qui est écrit s'il y a des retours à la ligne fréquents. Et vous comprendrez ma douleur quand je passe après quelqu'un ayant mis un modèle et l'ayant fait en Visuel.


Implémenter un tableau[]

Retenez bien qu'un tableau sur Wikia se construit ligne par ligne.

Je vais commencer par détailler un tableau tout simple, avec des écritures plus ou moins valides dedans (je compte les expliquer). Voilà donc un tableau:

Un tableau tout beau
Ma sirène à moi, Elle s'appelle Brick, C'est ma Mienne
Et c'est la plus belle de toutes les Sirènes D'abord, Na!


Et voilà à quoi le code ressemble:

{|
|Un tableau tout beau
|- Gné?
|Ma sirène à <span style="color:orange">'''moi''',</span>
|Elle s'appelle Brick,
|C'est ma mienne
|-
|Et c'est la plus belle de toutes les Sirènes
|D'abord, Na!
|}
  • Un tableau commence par {| et termine par |}.
    • Immédiatement après la barre "|" du {|, se trouve l'espace pour gérer l'apparence globale de votre tableau (attributs class et style). Les paramètres sont nombreux ; ici Internet est votre meilleure source d'informations (plein de sites détaillent les commandes HTML et/ou CSS, et vous pouvez regarder n'importe quel code de modèle Wikia pour voir les différents paramètres) pour savoir quoi écrire et comment pour obtenir l'effet recherché.
    • Si vous voulez une légende, avant votre première cellule, mettez |+ puis votre légende.
  • Une cellule de tableau se définit par une barre verticale tout simple, |. Ainsi, "Un tableau tout beau" constitue la première cellule du tableau (et la première ligne par la même occasion).
    • Le contenu d'une cellule fonctionne tout aussi normalement qu'un texte.
  • La syntaxe |- indique la fin de la ligne et le passage à la suivante.
    • Vous remarquerez que le Gné? n'est pas apparu. C'est normal, j'expliquerais ensuite.
  • Mettez les cellules les unes après les autres pour qu'elles soient sur la même ligne.

Voilà, un tableau est aussi simple que ça. Sauf que pour l'instant, il ressemble à rien.
Justement, vous remarquerez peut-être que la taille est assez floue. Ici, elle n'est pas fixée, chaque cellule a une taille variable en vérité. Ainsi, dans ce tableau la largeur d'une colonne est déterminée par la largeur de la plus grande cellule dans cette colonne. Ce qui n'est pas vraiment pratique.


Styliser un tableau[]

Je vais maintenant parler de classe et de style pour un tableau. Globalement, de CSS. Je compte reprendre le même tableau, mais en ajoutant de quoi le rendre plus appréciable.

Ici la refonte:

Un tableau tout beau
Ma sirène à moi, Elle s'appelle Brick, C'est ma mienne
Et c'est la plus belle de toutes les Sirènes D'abord, Na!

Ici le code:

{|class="linetable mw-collapsible" align="center" border="2" cellpadding="1" cellspacing="1" bgcolor="#C8B4A0"
|colspan="3"|Un tableau tout beau
|- style="text-align: center; color: blue;"
|Ma sirène à <span style="color:orange">'''moi''',</span>
|Elle s'appelle Brick,
|C'est ma mienne
|-
|colspan="2" bgcolor="FF6000"|Et c'est la plus belle de toutes les Sirènes
|D'abord, Na!
|}
  • Comme j'ai dit tout à l'heure, ce qui suit immédiatement le début du tableau est le style global du tableau.
    • Le paramètre "Class" permet de charger un modèle pré-existant. Il en existe plusieurs: ici, "linetable" est pour un tableau linéaire. Il existe aussi Wikitable, par exemple. La classe n'est pas ce qui fait le plus de boulot, en général.
      • L'autre classe utilisée ici est "mw-collapsible". Je l'ai ajoutée car elle est intéressante: elle indique que l'on peut réduire le tableau. Si vous avez remarqué, il y a un petit "[Masquer]" écrit dans le tableau, sur la droite. Cliquez et le tableau se rabat, seule la première ligne est visible. Cliquez à nouveau pour le développer.
      • Une autre classe liée à cet affichage réduit/entier est "mw-collapsed", qui met le tableau sous forme réduite par défaut.
    • Tous les autres paramètres ont un effet sur le style du tableau. Ici, la syntaxe est du XHTML, mais il est possible d'avoir le même résultat avec du CSS en réécrivant un petit peu (commencez par "style="", mettez vos paramètres, ici "margin:auto; border-width:2px; bg-color:#C8B4A0;" (ils n'y sont pas tous), terminez par ";).
  • Vous pouvez appliquer du CSS ou du XHTML à chaque cellule indépendamment, il doit être écrit juste avant la cellule concernée, en commençant par |.
    • Exemple sur la première ligne, " colspan="3" " indique que la cellule concernée (la première du tableau) doit faire 3 colonnes de large (une colonne = largeur par défaut d'une cellule). Ici, 3 colonnes de large fait le tableau entier, ce qui est pratique; 2 limiterait la largeur à celle des deux premières colonnes mises bout à bout.
  • Le CSS est aussi applicable à l'ensemble d'une ligne: mettez-le à la suite d'un marqueur de ligne |-, sans passer à la ligne.

Choses importantes pour qu'un tableau fonctionne: Faites très attention à la syntaxe, n'oubliez pas de bien indiquer vos changements de lignes, tout ça. Et surtout, évitez de commencer le contenu d'une cellule avec un - ou un +. C'est un coup à transformer votre tableau en quelque chose encore plus hideux en forme finale qu'en version code (pour le code, "| -" donnera "|-").

Les Modèles[]

Nous arrivons à un sujet très intéressant: les Modèles. Vous en trouvez sur quasiment chaque page de la Mogapédia ; on ne se rend jamais assez compte de la puissance de cet outil et du temps qu'il permet de gagner.

Qu'est-ce qu'un Modèle[]

Je vais faire ça avec un exemple: je vous présente le code du modèle MH4U-Armes.

{| class="linetable" align="center" border="2" cellpadding="1" cellspacing="1" bgcolor="#C8B4A0"
| colspan="7" bgcolor="#996600"|<font color="#ffffff">'''{{{Nom}}} (MH4U)'''</font>
|- style="text-align: center;"
|rowspan="7"|{{{Image}}}
|bgcolor="#F4DDA5"|<font color="#351a00">'''Attaque'''</font>
|style="text-align: center;"|{{{Attaque}}}
|bgcolor="#F4DDA5"|<font color="#351a00">'''Coût Achat'''</font>
|bgcolor="#F4DDA5"|<font color="#351a00">'''Coût Amélioration'''</font>
|- style="text-align: center;"
|bgcolor="#F4DDA5"|<font color="#351a00">'''Spécial'''</font>
|{{{Spécial}}}
|{{{Coût Achat}}}
|{{{Coût Amélioration}}}
|- style="text-align: center;"
|bgcolor="#F4DDA5"|<font color="#351a00">'''Affinité'''</font>
|{{{Affinité}}}
|colspan="2" bgcolor="#F4DDA5"|<font color="#351a00">'''Composants Requis'''</font>
|- style="text-align: center;"
|bgcolor="#F4DDA5"|<font color="#351a00">'''Tranchant'''</font>
|style="width:100px;"|{{{Tranchant}}}
|style="white-space:nowrap;" rowspan="4"|{{{Composants d'Achat}}}
|style="white-space:nowrap;" rowspan="4"|{{{Composants d'Amélioration}}}
|- style="text-align: center;"
|bgcolor="#F4DDA5"|<font color="#351a00">'''Fentes'''</font>
|{{{Fentes}}}
|- style="text-align: center;"
|bgcolor="#F4DDA5"|<font color="#351a00">'''Bonus défense'''</font>
|{{{Bonus défense}}}
|- style="text-align: center;"
|bgcolor="#F4DDA5"|<font color="#351a00">'''Rare'''</font>
|{{{Rare}}}
|- style="text-align: center;"
| colspan="2" bgcolor="#F4DDA5" |<font color="#351a00">'''Description'''</font>
| colspan="5" |<small>{{{Description}}}</small>
|}
{| class="linetable" align="center" border="2" cellpadding="1" cellspacing="1" bgcolor="#C8B4A0" style="text-align: center;"
|colspan="5" bgcolor="#996600" |<font color="#ffffff">'''Arbre de la famille:'''</font>
|-
|bgcolor="#F4DDA5" align="center"|<font color="#351a00">'''Amélioré De'''</font>
|rowspan="2"|<font size="3">'''>>'''</font>
|rowspan="2"|'''{{{Nom}}}'''
|rowspan="2"|<font size="3">'''>>'''</font>
|bgcolor="#F4DDA5"|<font color="#351a00">'''Amélioré En'''</font>
|-
|{{{Amélioré De}}}
|{{{Amélioré En}}}
|-
|colspan="5" bgcolor="#351a00"|<font color="#ffffff">{{{Arbre d'évolution}}}</font>
|}
<includeonly>[[Catégorie:MH4U - Armes]]</includeonly>

Joyeux, n'est-ce pas?
Pour ceux qui ne seraient pas au courant, ce modèle est utilisé sur chaque page individuelle d'arme. Dit simplement, ce modèle doit être utilisé pour chaque arme de MH4U. Et pour info, il y a environ 90 Grandes Epées différentes (90 par type d'arme, 14 types d'armes, 1 260 armes environ?).
Maintenant imaginez-vous copier-coller ce code pour chaque page, en changeant les informations. Personnellement, je pense en avoir marre après avoir fait la première fiche d'arme (j'ai déjà mis du temps à écrire ce modèle, je vais pas le refaire à chaque fois, naméoh).

Le modèle est là pour remédier à ça. C'est comme une fonction mathématique: vous appelez la fonction, vous mettez vos paramètres dedans (s'il y a des paramètres à mettre), vous avez votre résultat. Ainsi, dans une page se trouve le modèle. Dans votre page à vous, vous appelez le modèle, et vous mettez vos informations: le code va utiliser ce qui est défini dans le modèle, mettre vos infos là où vous lui indiquez, et c'est bon. Plus besoin de redéfinir votre tableau à chaque fois : tout ce que j'écris pour l'appeler, c'est {{MH4U-Armes}}. Et Tadaaaa!

{{{Nom}}} (MH4U)
Unknown Icon Attaque
Vraie attaque
{{{Attaque}}}
0
Coût Achat Coût Amélioration
Spécial
Vrai spécial
{{{Spécial}}}
0
N/A N/A
Affinité 0% Composants Requis
Tranchant {{{Tranchant}}} N/A N/A
Fentes 0 slot decoration
Bonus défense Aucun
Rare {{{Rare}}}
Description {{{Description}}}
Arbre de la famille :
Amélioré De {{{Nom}}} Amélioré En
{{{Amélioré De}}} {{{Amélioré En}}}
{{{Arbre d'évolution}}}


Il suffit de remplir les paramètres, et c'est bon. J'arrive ainsi à faire des pages d'armes en à peine 5 minutes. Et là c'est tout de suite plus simple de faire ça en masse comme ça m'arrive de faire.

Comprendre et Utiliser un modèle[]

Oui parce que c'est bien beau de savoir qu'un modèle ça existe, et que c'est puissant et tout, mais si on ne sait pas s'en servir c'est tout de suite moins utile.

Je vais réutiliser MH4U-Armes, ça évite de prendre trop de place en le laissant au-dessus. Oubliez son code, c'est bien hideux comme il faut, laissez-le tranquille. Regardez juste la forme finale.

Visuel[]

Pour le Visuel, utiliser un modèle est assez simple mais plutôt rigide.

  1. Regardez la colonne d'outils sur la droite, vous avez tout en bas un menu déroulant "Modèles". #Allez dedans, cliquez sur "Ajouter un modèle".
  2. Choisissez le votre (soit il n'y a qu'à cliquer, soit cherchez-le), ajoutez-le.
  3. Une icône de puzzle apparaît dans votre page, c'est votre modèle. Passez la souris dessus, puis allez sur "Modifier".
  4. Un cadre gris apparaît, vous pouvez modifier vos paramètres.
    1. Chose pratique, Wikia reconnaît d'emblée les paramètres et vous les présente. Vous n'avez pas à les connaître par coeur, ils sont vides et n'attendent que d'être complétés.
    2. Chose que Wikia ne vous dit pas, c'est que lorsque vous modifiez le contenu d'un paramètre, vous êtes en mode Source.
  5. Vous pouvez prévisualiser votre modèle avant de quitter l'édition des paramètres.

Certes, le fait qu'il n'y a pas besoin de connaître le modèle qu'on utilise est un plus sur le mode Source, avec la prévisualisation. Et encore, le mode Source se défend.

Là où un modèle en Visuel est gênant, c'est que tout le traitement derrière est assez lourd sur la RAM et la connexion internet. Alors oui c'est convenable, mais à force c'est très long.
Par ailleurs, bonne chance pour trouver quel modèle est celui qui vous intéresse, lorsqu'une page est quasi exclusivement constituée de modèles (Et même visualiser un modèle en passant sur sa pièce de puzzle peut être très long).
Et il y a encore d'autres aspects que je développerais plutôt côté Source.

Autre chose, que je n'ai pas vraiment vérifié: je n'ai aucune idée du comportement de cette méthode lorsque le modèle utilise une structure conditionnelle (en switch, ou en if par exemple).

Source[]

  • Pour que le code comprenne que vous appelez un modèle, commencez par mettre une double accolade {{, puis immédiatement après le nom de votre modèle.
    • Si vous avez un doute sur le nom, Wikia a un système de saisie semi-automatique ; commencez à écrire, terminez en vous aidant si besoin.
  • Dans le modèle, les paramètres dont je parle depuis tout à l'heure sont encadrés par des triples accolades {{{ et }}}. Toutes les cellules comportant un paramètre sont des endroits modifiables, où vous pouvez mettre votre contenu.
  • Pour entrer dans un modèle des valeurs pour un paramètre, la syntaxe est presque celle d'une cellule de tableau. Par exemple, pour mettre une valeur d'attaque:
{{MH4U-Armes
|Attaque = 42
}}

  • Cela vous retournera le même visuel qu'au-dessus, à ceci près qu'il y aura une valeur dans la case Attaque.
    • Plus formellement, un paramètre s'implémente par une barre | suivie du nom du paramètre et de sa valeur.
    • Ecrivez le paramètre exactement comme il est sur le modèle. Si vous manquez une majuscule, un espace ou un accent, le code ne reconnaîtra pas le paramètre.
  • Fermez l'espace pour le modèle par }}.


Comme dit au-dessus, vous vous en sortirez mieux si vous connaissez les paramètres du modèle que vous utilisez. Ce n'est pas dramatique pour autant de ne pas les connaître. Il vous suffit de fermer le modèle par les doubles accolades, puis se regarder l'aperçu avant publication. Les paramètres que vous n'avez pas mis seront visibles.
Cependant attention, certains modèles ont des valeurs par défaut pour leurs paramètres. Si c'est le cas, vous ne verrez que ces valeurs, et pas la syntaxe du paramètre (et faites attention, je songe de plus en plus à utiliser les valeurs par défaut pour les modèles d'armes...).

L'intérêt majeur (à mon sens) de faire ça en Source est que vous avez le choix total de l'ordre des paramètres. Le code n'en a absolument rien à faire que Attaque soit avant ou après Spécial, tant qu'il est là. Et ceci est vrai aussi en Visuel, mais ça ne se voit pas (ça se voit lorsque l'on passe en Source après quelqu'un ayant travaillé en Visuel, disons).

Un autre intérêt se découvre lorsque vous insérez des liens: étant donné que vous êtes en Source, la saisie semi-automatique des liens fonctionne toujours. :p


Il y a aussi autre chose (mais n'ayant jamais fait ça en Visuel je ne peux pas comparer): certains modèles ont des paramètres "fixes". Et cette fois, l'ordre compte.
L'exemple parfait est le modèle MH4UWL, qui permet de faire les liens pour les pages d'armes. Son code se résume presque à ça (j'ai retiré la partie pour l'icône de rareté, qui fonctionne en switch et est donc assez lourde):

[[MH4U - {{{1|Grande Epée}}} - {{{2|Lame en os}}}|{{{2|Lame en os}}}]]

Tout simple, donc. Un banal lien, avec une réécriture du lien. Sauf que:

  • Pour commencer, un petit détail plus ou moins banal : pour éviter de se retrouver avec plein de liens partout lors de l'adaptation de ce modèle (qui vient du Wikia anglais), j'ai préféré mettre des valeurs par défaut, qui créent un lien valide, celui de la Rare 1 Lame en os
  • Maintenant, le vrai truc : vous avez ici deux manières d'écrire vos paramètres.
    • La classique, avec 1 = le type d'arme, 2 = le nom, (3 = la rareté, mais ici ça se voit pas). Et pour le coup, il faut savoir quel chiffre fait quoi.
    • La "cavalière", qui est la suivante: {{MH4UWL|Epée Longue|Katana canin|1}}. Un peu plus expéditif, hein? Et pourtant ça marche aussi bien que {{MH4UWL|1 = Epée Longue|3 = 1|2 = Katana canin}} (oui c'est mélangé exprès), et ça donne Rare 1 Katana canin


C'est parce que les chiffres indiquent aussi une correspondance à l'ordre. Ainsi, si vous mettez une valeur sans indiquer dans quel paramètre elle doit aller, elle ira dans 1 d'abord, puis la suivante comme ça dans 2, et ainsi de suite. Pratique lorsque l'on veut aller vite.


Je pense qu'avec cela, j'ai fait le tour des essentiels et des choses les plus utiles en termes de modifications sur le Wikia, en Source comme en Visuel. Il existe beaucoup plus que tout ce dont j'ai pu écrire ici : soyez curieux, n'hésitez pas à chercher ou à demander si besoin.

Je pense encore écrire à propos des modèles, mais ce sera plus spécifique. Sur des types de modèles plutôt, plus à propos de quoi mettre dans les paramètres que de comment le mettre. Ce sera probablement chez Bllob, sauf si j'arrive à les créer depuis ce compte chez Wrondral.

Charlie-Tango-Foxtrot : Réparer une page[]

Maintenant que vous savez faire beaucoup de choses sur une page, il devient important de connaître les problèmes récurrents. Avec tout ce qu'il y a ici, il est très facile de rencontrer un problème sans vraiment connaître la cause.
Et pour reprendre une référence solide, en informatique, 95% des problèmes se situent entre la chaise et le clavier. La moyenne sur le Wikia est peut-être plus faible, mais pas tant que ça.

Voici donc la marche à suivre lorsque vous voyez une page qui a des ratés au niveau du code, valable lorsque vous arrivez sur la page ou même lorsque vous regardez l'aperçu de vos modifications (ou juste après avoir publié, si vous êtes sûr de vous et que vous ne regardez pas l'aperçu):

  • N'allez pas tout de suite modifier la page. Commencez par la regarder en intégralité, et trouvez la source du problème.

Pages Spéciales[]

Ces pages sont des outils fournis par Wikia pour entretenir et améliorer le wiki. Elles recensent toutes sortes de choses, que ce soit modèles, catégories, liens ou autres. De manière générale, elles sont conçues pour de la maintenance. Certaines ne serviront qu'aux admins, mais d'autres sont utiles à tous.

Si l'une de ces pages est en gras, c'est qu'elle est réservée aux admins.

Pages utiles à tous[]

  • Activité du Wiki: la base de la surveillance. Vous avez, sur cette page, toutes les modifications de pages, ainsi que les images ajoutées, et les commentaires créés sur les pages. Vous avez aussi les réponses aux fils de forums qui sont affichées.
  • Modifications récentes: la même, mais en plus complet. Cette page détaille toutes les modifications faites sur le wiki, que ce soit import d'images, modifs de pages ou modèles, création/blocage de compte, réponse de fil ou commentaire, avec plus de précisions sur ce qu'il s'est fait.
  • Pages Demandées: sûrement la plus grande liste de pages parmi celles existantes. Cette page recense les pages qui n'existent pas sur le wikia, et vers qui d'autres pages renvoient par des liens, en les classant par nombre de demandes décroissant. C'est certainement l'outil de wikia utile au plus grand nombre, car il indique ce dont on a le plus besoin. Mais il permet aussi de trouver des problèmes de liens. La plupart des pages demandées ont en effet des noms anglais ou des noms incorrects (orthographe, ancien nom...), c'est le signe que des liens (et probablement les pages contenant ces liens) ne sont pas traduits, ou pas correctement, ou n'ont pas été mis à jour. Les pages comportant un lien vers la page demandée sont elle aussi listées, cette liste est disponible en cliquant à côté du lien mort de la page demandée.

A Noter que cette page ne s'actualise pas aussi fréquemment que l'on pourrait le souhaiter. Le cache se recharge une fois par jour (aux alentours de 18-20h environ) seulement, alors il est tout à fait possible d'avoir réglé le problème d'un nom de page et de toujours le voir signalé plusieurs heures après. Il suffit alors d'entrer le nom d'une des pages dont vous vous êtes occupé dans le champ "Titres à exclure", et il les masquera toutes (... oui, c'est pas très bien harmonisé).

  • Fichiers demandés: la même, mais pour les images, et en général pour les mêmes raisons (orthographe, traduction, mise à jour...). Mais parfois, ce sont juste des images supprimées car elles n'ont rien à faire sur ce wiki (je pense aux trollfaces, aux explosions nucléaires et aux boîtes de thon que certains ont pu mettre...)
  • Pages orphelines: Ces pages existent, elles sont là, toutes prêtes, elles vous attendent. Sauf que si vous ne savez pas qu'elles existent, vous n'avez quasiment aucun moyen de les trouver si vous n'utilisez pas cette liste ou la barre de recherche. Parce que personne ne renvoie vers elles, et qu'elles ne renvoient vers personne. Alors si vous tombez sur une, soyez gentils, reconnectez-là au reste du wikia de manière appropriée (ne serait-ce qu'en ajoutant une catégorie), ou alors faites-là supprimer si elle n'a aucun intérêt (aka doublon, flood...) (ou supprimez-là vous-mêmes si vous êtes admin). Si vous savez pas quoi en faire, signalez-là sur un mur d'admin, mais ne la laissez pas seule. La solitude c'est mal :(.
  • Catégories: La liste de toutes les catégories présentes sur le wikia, avec le nombre de pages contenues dans chaque. Pour quand vous voulez éviter de créer une catégorie doublon d'une autre.
  • Index: très utile quand vous avez plein de pages avec un nom semblable (genre pages d'armes, ou, l'exemple par excellence, icônes de composants...). L'espace de nom correspond au type que vous cherchez, page, modèle, image...
  • Comparer des Pages: permet de vérifier à quel point vos deux pages se ressemblent. Si jamais vous trouvez des doublons, vous pouvez voir ce qui manque dans chacune par rapport à l'autre, et ainsi compléter l'une et supprimer l'autre (via admin si besoin).


Pages utiles aux admins[]

  • Redirections Cassées: lorsque l'on renomme une page, par défaut, la page initiale est blanchie et fait redirection automatique vers la nouvelle page. Sauf que parfois, la nouvelle page est encore renommée, et parfois aussi sans redirection, d'où les redirections cassées.

En vérité, ces pages ne devraient pas exister: en renommant une page, il faut éviter de laisser une redirection (parce que les redirections de redirection de redirection de redirection, voilà quoi. C'est franchement moche), et modifier le lien sur chaque page renvoyant vers celle qu'on renomme. C'est pour ça que je réserve ça aux admins, étant donné qu'ils sont les seuls à pouvoir supprimer des pages.

  • Doubles redirections: c'est le même principe, des redirections de redirection justement. Et il faut faire la même chose: supprimer les redirections, renvoyer sur les pages concernées vers la bonne page.
  • Redirections: j'aurais dû commencer avec cette page en fait ^^. Toutes les redirections, tout simplement (dans la limite des 1000 du cache). Gros truc brut, un peu.



Si vous arrivez sur ces lignes autrement qu'en ayant scrollé plus ou moins directement sans avoir vraiment regardé ce qui était au-dessus, Merci d'avoir lu, ne serait-ce qu'une partie. Toutes mes condoléances pour vos yeux. (Les autres, Shame on you)

Sur ce, Que Poogie vous garde.


P.S: s'il vous arrive un jour de tomber sur une âme en peine (qui cherche à comprendre comment faire quelque chose pour contribuer, ou qui essaye de contribuer par soi-même et qui galère), et que vous ne savez pas comment lui expliquer/ne pensez pas avoir les compétences pour lui répondre, guidez-le soit jusqu'ici, soit sur le fil de forum associé, soit sur un Mur d' Admin.

Advertisement