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 :
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 ![]
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 :
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 petit[]
- 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 :
[[Wikia]]
- Et vous obtiendrez :
Wikia
- Il est également possible de taper ceci :
[[Wikia|Un texte ici]]
- Et vous obtiendrez :
Un texte ici
Insérer un sous titre[]
- Tapez le code suivant :
==Sous titre==
- Et vous obtiendrez :
Sous titre[]
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:Exemple.jpg]]
- Et vous obtiendrez :
Personnaliser les images ajoutées[]
Modifier la taille d'une image[]
- Tapez le code suivant :
[[Fichier:Exemple.jpg|80px]]
- Et vous obtiendrez :
- Libre à vous de changer la taille ! ;)
Insérer une image avec une légende[]
Tapez le code suivant :
[[Fichier:Exemple.jpg|thumb|Blablabla]]
Et vous obtiendrez :
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:Exemple.jpg|thumb|left|Blablabla]]
Pour obtenir :
Blablabla
[[Fichier:Exemple.jpg|thumb|center|Blablabla]]
Pour obtenir :
[[Fichier:Exemple.jpg|thumb|right|Blablabla]]
Pour obtenir :
Blablabla
Insérer une galerie d'images légendées[]
- Tapez le code suivant :
<gallery> Image spotlight Wiki SSB.png|Voici l'image 1 Proposition_de_spotlight_saints_row_wiki.JPG|Voici l'image 2 </gallery>
- Et vous obtiendrez :
- Il est possible d'ajouter autant d'images que souhaité.
Insérer un diaporama d'images[]
- Tapez le code suivant :
<gallery type="slideshow"> Image spotlight Wiki SSB.png|Voici l'image 1 Proposition_de_spotlight_saints_row_wiki.JPG|Voici l'image 2 </gallery>
- Et vous obtiendrez :
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. ;)
Amusez vous bien !