Aller au contenu

« JVFlux:Guide des Modèles (Template) » : différence entre les versions

JVFlux:Guide des Modèles (Template) (modifier)

Version du 13 juin 2023 à 14:43

1 270 octets ajoutés ,  13 juin 2023
aucun résumé des modifications
VisuelWikicode
(en cours)
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
Un modèle est élément codé qui peut être inséré dans un article.
Un modèle est élément codé qui peut être inséré dans un article.


==Comment ça fonctionne : la base==
==Comment ça fonctionne==
Pour faire simple, une page de type ''Modèle:Nomdumodèle'' contient quelque chose (un tableau, une bannière, un simple mot, n'importe qquoi). Et dès que le nom du modèle est inséré dans un article entre deux accolades comme ceci : <nowiki>{{Nomdumodèle}}</nowiki>, alors le wiki va aller chercher ce qu'il y a sur la page du modèle et le coller dans l'article.
Pour faire simple, une page de type ''Modèle:Nomdumodèle'' contient quelque chose (un tableau, une bannière, un simple mot, n'importe qquoi). Et dès que le nom du modèle est inséré dans un article entre deux accolades comme ceci : <nowiki>{{Nomdumodèle}}</nowiki>, alors le wiki va aller chercher ce qu'il y a sur la page du modèle et le coller dans l'article.


Ligne 17 : Ligne 17 :
Lorsqu'on code un modèle sur sa page, on peut inclure dedans des paramètres qui permet à celui qui insère le modèle dans un article de choisir la valeur de ces paramètres.
Lorsqu'on code un modèle sur sa page, on peut inclure dedans des paramètres qui permet à celui qui insère le modèle dans un article de choisir la valeur de ces paramètres.


Un modèle avec des paramètres s'écrit comme ceci :<pre>
Un modèle avec des paramètres s'écrit comme ceci :><pre>
{{NomDuModèle
{{NomDuModèle
|NomduParamètre1= valeur
|NomduParamètre1= valeur
|NomduParamètre2= valeur
|NomduParamètre2= valeur
}}
}}
</pre>Par exemple le modèle <nowiki>{{CadreIncomplet}}</nowiki> possède trois paramètres Commentaire1, Commentaire2, Commentaire3 qui correspondent à trois puces dans une liste à remplir.{{CadreIncomplet
</pre>
Par exemple le modèle <nowiki>{{CadreIncomplet}}</nowiki> possède trois paramètres Commentaire1, Commentaire2, Commentaire3 qui correspondent à trois puces dans une liste à remplir.{{CadreIncomplet
|Commentaire1= Préciser la date de création du forum
|Commentaire1= Préciser la date de création du forum
|Commentaire2= Rajouter quels forumeurs étaient actifs
|Commentaire2= Rajouter quels forumeurs étaient actifs
Ligne 56 : Ligne 57 :


*les propriétés de la div (couleur de la bordure et du fond notamment)
*les propriétés de la div (couleur de la bordure et du fond notamment)
*et les propriétés de ce que va contenir la div, que ce soit texte ou images (taille du texte, espacement des lignes par exemple).
* et les propriétés de ce que va contenir la div, que ce soit texte ou images (taille du texte, espacement des lignes par exemple).


Alors pour préciser cela, nous allons inclure des bouts de codes dans la balise <code><nowiki><div></nowiki></code> grâce au code <code>style="boutdecode: valeur; boutdecode:valeur; boutdecode:valeur"</code>
Alors pour préciser cela, nous allons inclure des bouts de codes dans la balise <code><nowiki><div></nowiki></code> grâce au code <code>style="boutdecode: valeur; boutdecode:valeur; boutdecode:valeur"</code>
Ligne 68 : Ligne 69 :
Ce qui nous donne : <code><nowiki><div style="boutdecode: valeur; boutdecode:valeur; boutdecode:valeur">contenu de la div</div></nowiki></code>
Ce qui nous donne : <code><nowiki><div style="boutdecode: valeur; boutdecode:valeur; boutdecode:valeur">contenu de la div</div></nowiki></code>


===Table ===
===Table===
Pour des choses un peu plus compliquées on peut faire un tableau avec la balise <code><nowiki><table></nowiki></code>
Pour des choses un peu plus compliquées on peut faire un tableau avec la balise <code><nowiki><table></nowiki></code>


Ligne 104 : Ligne 105 :
*<code>font-color: #[https://htmlcolorcodes.com/fr/ code Hex]</code> couleur du texte
*<code>font-color: #[https://htmlcolorcodes.com/fr/ code Hex]</code> couleur du texte


===Modèle avec options===
===Paramètres du modèle===
Souvent un modèle a besoin d'être modifié en insérant des informations individuelles. Par exemple un tableau à remplir avec des données différentes. Dans ce cas là on utilise la triple accolade.
Pour inclure dans le code du modèle un paramètre (on en a parlé plus haut) on utilise la triple accolade.


Par exemple le code {{{Donnée1}}} dans un modèle permet de remplacer ce code par la valeur précisée dans le champs Donnée1. Un exemple assez simple : <br>
Par exemple le code {{{Donnée1}}} dans un modèle permet de remplacer ce code par la valeur précisée dans le champs Donnée1. Ce qui donne :<br>
<code><nowiki>{{Modèle</nowiki><br><nowiki>
<code><nowiki>{{Modèle</nowiki><br><nowiki>
|Donnée1= n'importe quoi</nowiki><br><nowiki>
|Donnée1= n'importe quoi</nowiki><br><nowiki>
}}</nowiki></code>
}}</nowiki></code>


Cela permet de faire un seul modèle pour renseigner diverses données. Par exemple le modèle ContactUtilisateur ressemble à ça :
Autre exemple avec un modèle nommé <nowiki>{{ViveLaHaine}}</nowiki> contenant <code>Je déteste les <nowiki>{{{TypeDePersonne}}}</nowiki> ils sont stupides.</code>
{{ContactUtilisateur
 
|LienJVC= https://www.jeuxvideo.com/profil/pseudo
On peut écrire <pre>
|PseudoJVC= Pseudo}}
{{ViveLaHaine
Son code d'insertion :<br>
|TypeDePersonne=golems
<code><nowiki>{{ContactUtilisateur</nowiki><br><nowiki>
}}
|LienJVC= https://www.jeuxvideo.com/profil/pseudo</nowiki><br><nowiki>
 
|PseudoJVC= Pseudo</nowiki><br><nowiki>
</pre>Et le résultat sera <code>Je déteste les golems ils sont stupides.</code>
}}</nowiki></code>
 
Quelques modèles utilisant des paramètres, jettez un oeil pour comprendre :
 
* [[Modèle:ArticlesDécouverte-x3]]
* [[Modèle:InfoboxForum]]
 
===Conditionnelles===
Dans le code du modèle, on peut rajouter à un ou plusieurs paramètres une conditionnelle. Grâce à elle le paramètre ne sera pas visible lors de l'insertion, sauf si il est demandé.
 
On utilise l'expression ''if'' pour cela. Si le paramètre est demandé, alors il doit afficher ce qui apparaît après la barre verticale. L'expression s'écrit entre deux accolades.
 
Reprenons l'exemple plus haut avec un modèle appelé ViveLAmour : J<code>'adore les kheys !<nowiki>{{#if: {{{TypeDePersonne}}} | Par contre je déteste les {{{TypeDePersonne}}}, ils sont stupides.}}</nowiki></code>
 
Lors de l'insertion on a deux options :
 
* Écrire uniquement <code><nowiki>{{ViveLAmour}}</nowiki></code> Résultat : <code>J'adore les kheys !</code>
* Écrire avec le paramètre :<code><nowiki>{{ViveLAmour|chouffins}}</nowiki></code> Résultat : <code>J'adore les kheys ! Par contre je déteste les chouffins, ils sont stupides.</code>
 
C'est un exemple simple, mais avec la conditionnelle on peut rendre optionnels des pans entiers d'un modèle.
 
Modèles avec des conditionnelles :
 
* [[Modèle:CadreIncomplet]]
* [[Modèle:ContactUtilisateur]]


On peut réutiliser ce modèle en précisant un pseudo différent à chaque fois.
==Ressources externes ==
les guides officiels de Wikimédia permettent d'approfondir sa maîtrise du wikicode :


=== Conditionnelles ===
{{PuceJVC}}[https://www.mediawiki.org/wiki/Help:Formatting/fr '''Guide Wikimedia pour les mises en forme basiques''']
On peut inclure dans le code du modèle quelque chose qui par défaut n'est pas visible, sauf si il est demandé dans les paramètres du modèle lors de l'insertion.


Avec l'expression ''if'', on peut indiquer au modèle que si le paramètre est demandé, alors il doit afficher ce qui apparaît après la barre verticale. L'expression s'écrit entre deux accolades.
{{PuceJVC}}[https://www.mediawiki.org/wiki/Category:Help/fr Toutes les pages d'aide] ([https://www.mediawiki.org/wiki/Category:Help version anglaise])
====Avancé :====
{{PuceJVC}}[https://www.mediawiki.org/wiki/Help:Tables/fr '''Guide Wikimedia pour les tableaux''']


Exemple : 
{{PuceJVC}}'''[https://www.mediawiki.org/wiki/Help:Templates/fr Guide Wikimedia pour les modèles (templates)]'''
<code><nowiki>{{#if: {{{TypeDePersonne}}} | Je déteste les {{{TypeDePersonne}}} ils sont stupides.}}</nowiki></code>
====Très avancé :====
{{PuceJVC}}'''[https://www.mediawiki.org/wiki/Help:Magic_words/fr Mots magiques de Wikimedia]'''


Si on précise |TypeDePersonne= golem, alors ça donnera
{{PuceJVC}}'''[https://www.mediawiki.org/wiki/Help:Extension:ParserFunctions/fr Fonctions et Conditionnelles de Wikimedia]'''
ChocoRat
Kheys, Administrateurs
12 575

modifications

Récupérée de « https://jvflux.fr/Spécial:MobileDiff/138243 »