Projet:Infobox/V2 Débutant

Voir Projet:Infobox/Didacticiel infobox avec des briques .

Ce tutoriel explique comment construire une infobox V2.

Fabrication par étapes modifier

Étape 1 - Création de la page modifier

Créez une page intitulée Modèle:Infobox Nom du thème comme par exemple Modèle:Infobox France.

  • Ce qu'il faut faire :
Modèle:Infobox Nom de l'infobox ; Toujours «Infobox» au début, et une majuscule au Nom de l'infobox. Ne pas tronquer de mots.
  • Ce qu'il ne faut pas faire :
Modèle:Nom de l'infobox ; Toujours commencer avec le mot « Infobox ».
Modèle:Infobox nom de l'infobox ; Toujours débuter le nom de l'infobox avec une majuscule.
Modèle:Infobox Nom De L'InfoBox ; Ne pas mettre d'autres majuscules dans le nom du modèle, sauf pour les noms propres.
Modèle:Infobox Nom infobox ; Ne pas tronquer des mots, faire une phrase. Mieux vaut un nom de modèle clair qu'un nom trop court.
Modèle:Infobox Name of the infobox ; Éviter des mots anglophones. Ex: Comicbook, podcast, TV ...
Modèle:Infobox Nom du modele ; Toujours utiliser les accents pour un titre.

Étape 2 - Programmation modifier

Une fois la page créée correctement, il vous reste à programmer un modèle d'infobox.

Structure tripartite modifier

Un modèle d'infobox consiste en la mise en place d'un tableau composé de trois parties qui sont :

<!---------------------------------- Partie 1 ---------------------------------->
{| class="infobox_v2" cellspacing="7"
<!---------------------------------- Partie 2 ---------------------------------->
! colspan="2" class="entete defaut" style="background-color:orange" | {{{nom|{{PAGENAME}}}}}
|-
! scope=row | Pays
| {{{pays}}}
|-
{{#if:{{{taille|}}} | 
! scope=row {{!}} Taille du jardin
{{!}} {{{taille}}}
{{!-}}
}}
<!---------------------------------- Partie 3 ---------------------------------->
|}

Paramètres obligatoires modifier

Dans la partie 2 du tableau, on peut ajouter un ou plusieurs paramètres obligatoires. Ceux-ci apparaîtront en permanence même si on ne les remplit pas. Ils sont permanents. Pour ajouter un paramètre obligatoire dans l'infobox, vous devez ajouter dans la partie 2 le script suivant :

<!---------------------------------- Partie 2 ---------------------------------->
! scope=row | Pays
| {{{pays}}}
|-

Le modèle complet sera alors celui-ci :

{| class="infobox_v2" cellspacing="7"
! colspan="2" class="entete defaut" style="background-color:orange" | {{{nom|{{PAGENAME}}}}}
|-
! scope=row | Pays
| {{{pays}}}
|-
|}

Paramètres optionnels modifier

Dans la partie 2 du tableau, on peut ajouter un ou plusieurs paramètres optionnels. Ceux-ci apparaîtront uniquement si l'on remplit la valeur des paramètres dans les articles. Sinon, ils n'apparaîtront pas dans l'article. Pour ajouter un paramètre optionnel dans l'infobox, vous devez ajouter dans la partie 2 le script suivant :

<!---------------------------------- Partie 2 ---------------------------------->
{{#if:{{{taille|}}} | 
! scope=row {{!}} Taille du jardin
{{!}} {{{taille}}}
{{!-}}
}}

Le modèle complet sera alors celui-ci :

{| class="infobox_v2" cellspacing="7"
! colspan="2" class="entete defaut" style="background-color:orange" | {{{nom|{{PAGENAME}}}}}
|-
{{#if:{{{taille|}}} | 
! scope=row {{!}} Taille du jardin
{{!}} {{{taille}}}
{{!-}}
}}
|}

Étape 3 - Documentation modifier

Le modèle de l'infobox étant à présent codé, il reste à ajouter une documentation afin de présenter et d'expliquer son usage.

Ajout bandeau de documentation modifier

Pour créer une documentation, vous devez mettre le script de l'infobox entre <includeonly>ici le script de l'infobox</includeonly>. Puis vous devez ajouter après cela le script qui permettra de faire apparaître un bandeau de documentation. Ce qui sur la page donnera la chose suivante :

<includeonly>{| class="infobox_v2" cellspacing="7"
! colspan="2" class="entete defaut" style="background-color:orange; color:#000000" | {{{nom|{{PAGENAME}}}}}
|-
! scope=row | Pays
| {{{pays}}}
|-
{{#if:{{{taille|}}} | 
! scope=row {{!}} Taille du jardin
{{!}} {{{taille}}}
{{!-}}
}}
|}</includeonly><noinclude>{{Documentation}}</noinclude>

Un lien apparaîtra au sommet de la page de votre modèle d'infobox. Il vous suffira alors de cliquer dessus afin de créer la page de documentation. Une fois cette page de documentation créée, il vous reste à y ajouter son contenu.

Contenu de la page de documentation modifier

Sur la page de documentation vous devez faire figurer un ensemble d'informations dont voici un exemple ci-dessous :

Il faut mettre sur votre page de documentation :

{{Sous-page de documentation}}

Ce modèle d'[[Projet:Infobox/V2|infobox V2]] permet la mise en place d'une infobox dans tous les articles concernant le '''Jardin'''.

== Syntaxe ==
Copiez et collez ceci dans votre article puis renseignez les champs.
<pre>
{{Infobox Jardin
 | nom    = 
 | pays   = 
 | taille = <!-- facultatif -->
}}
</pre>

== Paramètres ==
* <code>nom</code> : Il sert à indiquer le nom du jardin...
* <code>pays</code> : Il sert à indiquer dans quel pays se se trouve le jardin...
* <code>taille</code> : Il sert à donner la taille du jardin...

== Exemple ==
{{Infobox Jardin
 | nom    = Jardin d'Europe
 | pays   = France
 | taille = 200 m²
}}
<pre> 
{{Infobox Jardin
 | nom    = Jardin d'Europe
 | pays   = France
 | taille = 200 m²
}}
</pre>

{{Projet Infobox}}

<includeonly>
[[Catégorie:Modèle infobox V2]]
[[Catégorie:...]]
</includeonly>


Voilà… À présent vous pouvez créer des infobox V2 !