Préalable (facultatif)

Cet article décrit la manière d’insérer une image dans un article. Cette manipulation est simple. Il est préférable toutefois de disposer d’un logiciel de (petite) retouche d’image afin de pouvoir, préalablement à l’insertion d’une image, préparer celle-ci en la mettant à la bonne dimension ( largeur maximale : 450 px).

Bon, ceux ou celles que cette idée d’avoir à faire ça paniquent, faut pas qu’ils (elles) s’en fassent et qu’ils (elles) fassent comme si ils (elles) n’avaient rien lu. Ça va marcher tout pareil quelle que soit l’image envoyée (SPIP redimensionnera à une taille que j’ai fixée les images trop grandes). Cela dit il est préférable de ne pas faire travailler le serveur inutilement en lui envoyant des images de le bonne dimension... C’est mieux mais absolument pas obligatoire !

Outils : Si vous n’avez pas d’outil particulier sous la main Xnview est une solution gratuite et simple pour faire vos premiers pas ( MAc OSX [1] et Windows XP)
Pour les PCistes pressés , le plus simple que je connaisse cliquer ici

D’abord un article

On ne peut pas insérer d’image directement quand on crée un nouvel article.
Pour pouvoir insérer une image, il faut d’abord créer un article et enregistrer celui-ci. [2]. puis demander à "modifier l’article". Une zone située sur la partie gauche apparaît alors, proposant d’ajouter une image.

Choisir une image

A ce niveau-là, il convien de choisir l’image [3] que vous voulez insérer dans votre article. Clic sur Parcourir, puis clic sur Télécharger pour envoyer l’image.
Au bout de quelques temps (variable selon votre vitesse de connexion et la taille du fichier expédié), l’écran de votre navigateur se rafraîchit et une nouvelle zone apparaît sur la gauche, encore une fois, dans laquelle vous reconnaissez votre image en réduction

Insérer l’image dans votre texte

Immédiatement sous la vignette de l’image figurent des balises du type : <imgxxx|left><imgxxx|center><imgxxx|right>. Pour insérer votre image :
1 sélectionnez, par exemple "<imgxxx|left>" Attention à copier également lescrochets ouvrant et fermant.

2 copiez le texte (Edition > copier ou Ctrl+C ou Pomme-C)
3 allez dans la zone de texte et collez (Edition>coller ou Ctrl+V ou Pomme-V) la balise là où vous souhaitez insérer l’image

Il ne reste plus qu’à enregistrer l’article puis, sur le nouvel écran, demander : "voir l’article en ligne"...en n’oubliant pas, bien sûr, d’avoir choisi " [4]

Répéter l’opération autant de fois que vous souhaitez insérer d’images...

Bon courage !