Apprendre le Mode Source

Vous êtes nouveau et vous avez envie de découvrir comment se servir du Mode Source ? Vous êtes au bon endroit ! Il est évident qu'il m'est impossible de tout vous apprendre en un tuto mais celui ci vous aidera à connaître les bases du Mode Source afin de commencer à éditer plus sérieusement et correctement.

Ces deux tutos sont également là pour vous aider par la suite :

• Débuter l'édition sur Wikia

Bien... Commençons ! Afin de faciliter votre navigation : servez vous du sommaire pour trouver directement ce que vous cherchez dans ce billet ! ;)

Le Mode Source, en gros !

Le Mode Source !

Il faut déjà savoir que le Mode Source, à la différence du mode Visuel qui est plus adapté pour les personnes débutant dans l'édition sur Wikia, a la particularité d'être bien moins imagé et bien moins intuitif. Cependant, son utilisation de base reste assez simple et vous verrez qu'à partir du moment où vous commencerez à vus faire au Mode Source, vous ne pourrez plus jamais revenir au mode Visuel !

Le Mode Source est également celui par lequel il vous sera possible de rentrer n'importes quelles balises HTML, Css et autres codes. Encore une fois, ce tuto a pour objectif de vous apprendre les bases du mode Source.

N.B : Afin de bien suivre ce billet, il est préférable d'avoir bien lu ce billet au préalable.

Mettre un texte en gras

L'avantage du mode Source est que pour faire une seule chose, trois options s'offrent à vous.

Option 1

• Tapez un texte dans la zone de saisie.
• Surlignez ce texte avec votre souris.
• Cliquez sur le bouton "B".
• Votre texte est en gras !

Option 2

• Tapez le code suivant :

'''Votre texte ici'''

• Et vous obtiendrez :
  Votre texte ici
• Explication : Les trois apostrophes (''') entourant un texte permettent de mettre celui ci en gras.

Option 3

• Tapez le code suivant :

<b>Votre texte ici</b>

• Et vous obtiendrez :
  Votre texte ici
• Explication : La balise <b> </b> entourant un texte permettent de mettre celui ci en gras. La lettre "b" signifie "Bold", mot anglais pour "Gras".

Mettre un texte en italique

Là encore, trois options rien que pour vous !

Option 1

• Tapez un texte dans la zone de saisie.
• Surlignez ce texte avec votre souris.
• Cliquez sur le bouton "I".
• Votre texte est en italique.

Option 2

• Tapez le code suivant :

''Votre texte ici''

• Et vous obtiendrez :
  Votre texte ici
• Explication : Les deux apostrophes entourant un texte permettent de rendre celui ci italique.

Option 3

• Tapez le code suivant :

<i>Votre texte ici</i>

• Et vous obtiendrez :

Votre texte ici

• Explication : Les balises <i> </i> entourant un texte rendent celui ci italique.

Souligner un texte

Une seule solution simple ici :

• Tapez le code suivant :

<u>Votre texte ici</u>

• Et vous obtiendrez :
  Votre texte ici
• Explication : Les balises <u> </u> entourant un texte soulignent ce dernier. La lettre "u" signifie "Underlined", mot anglais signifiant "souligné".

Centrer un texte

• Tapez le code suivant :

<center>Votre texte ici</center>

• Et vous obtiendrez :

Votre texte ici

Changer la couleur d'un texte

• Tapez le texte suivant :

<font color=blue>Votre texte ici</font>

• Et vous obtiendrez :

Votre texte ici

Note : La liste complète des couleurs est disponible ici.

Écrire plus gros

• Tapez le texte suivant :

<big>Votre texte ici</big>

• Et vous obtiendrez :

Votre texte ici

• il est possible de rajouter autant de <big> </big> que souhaité. Attention de ne pas trop en abuser non plus ! ;)

Écrire plus gros

• Tapez le texte suivant :

<small>Votre texte ici</small>

• Et vous obtiendrez :

Votre texte ici

• il est possible de rajouter autant de <small> </small> que souhaité. Attention de ne pas trop en abuser non plus ! ;)

Insérer un lien

Insérer un lien vers un article du wiki

Option 1

• Cliquez sur le Bouton "Ab" Puis entrez entre les deux crochets le nom de l'article.

Option 2

• Tapez le code suivant :

[[Guybrush Threepwood]]

• Et vous obtiendrez :
  Guybrush Threepwood

• Il est également possible de taper ceci :

[[Guybrush Threepwood|Un texte ici]]

• Et vous obtiendrez :
  Un texte ici

Insérer un sous titre

• Tapez le code suivant :

==Sous titre==

• Et vous obtiendrez :

Insérer une image

Option 1

• Cliquez sur le bouton montrant un petit tableau, puis rentrez le nom de l'image après "[[Fichier:".

Option 2

• Tapez le code suivant :

[[Fichier:NOM DE L'IMAGE.png]]

• Et vous obtiendrez :

Personnaliser les images ajoutées

Modifier la taille d'une image

• Tapez le code suivant :

[[Fichier:Image.png|250px]]

• Et vous obtiendrez :

250px

• Libre à vous de changer la taille ! ;)

Insérer une image avec une légende

• Tapez le code suivant :

[[Fichier:NOM DE L'IMAGE.png|thumb|Blablabla]]

• Et vous obtiendrez :

Fichier:NOM DE L'IMAGE.png

Blablabla

Il est aussi possible de décider où se trouvera cette image (droite, gauche ou centre) en tapant l'un de ces codes :

• [[Fichier:NOM DE L'IMAGE.png|thumb|left|Blablabla]]

  Pour obtenir :

  Fichier:NOM DE L'IMAGE.png

  Blablabla

• [[Fichier:NOM DE L'IMAGE.png|thumb|center|Blablabla]]

  Pour obtenir :

  Fichier:NOM DE L'IMAGE.png

  Blablabla

• [[Fichier:NOM DE L'IMAGE.png|thumb|right|Blablabla]]

  Pour obtenir :

  Fichier:NOM DE L'IMAGE.png

  Blablabla

Insérer une galerie d'images légendées

• Tapez le code suivant :

<gallery>
Image1.png|Voici l'image 1
Image2.png|Voici l'image2
</gallery>

• Et vous obtiendrez :

Image1.png

Voici l'image 1

Image2.png

Voici l'image2

Ajouter une image à cette galerie

• Il est possible d'ajouter autant d'images que souhaité.

Insérer un diaporama d'images

• Tapez le code suivant :

  <gallery type="slideshow">

Image1.png|Voici l'image 1 Image2|Voici l'image 2

</gallery>

• Et vous obtiendrez :

• Image1.png
  Voici l'image 1
• Image2
  Voici l'image 2

1/2

Ajouter une image

Conclusion

Et bien voilà les bases du Mode Source ! J'espère que vous saurez vous débrouiller à présent : vous avez toutes les cartes en main ! Pour le reste, la meilleure manière de progresser est de se faire la main ! N'ayez pas peur de modifier !

Merci d'avoir lu ce billet, en espérant vous avoir aidé et vous avoir motivé à contribuer parmi nous ! ;)

Si vous rencontrez, le moindre souci, vous pourrez me trouver ici afin de me poser des questions. ;) Vous pourrez également trouver d'autres aides sur le wiki des communautés. ;)

Amusez vous bien !