Centre des communautés
Advertisement
Centre des communautés

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 ![]

Le Mode Source
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 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]]

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 :

Exemple

Personnaliser les images ajoutées[]

Modifier la taille d'une image[]

  • Tapez le code suivant :
[[Fichier:Exemple.jpg|80px]]
  • Et vous obtiendrez :

Exemple

  • 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 :

Exemple

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 :

Exemple

Blablabla

[[Fichier:Exemple.jpg|thumb|center|Blablabla]]

Pour obtenir :

Exemple

Blablabla

[[Fichier:Exemple.jpg|thumb|right|Blablabla]]

Pour obtenir :

Exemple

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 !

Advertisement