logo
visu

Un BLOG de la Rédaction
du Journal SUD OUEST

Le Mode d’Emploi des Blogs
infos pratiques, aides et astuces pour bien gérer son blog

Insérer une image / une photo

Vous souhaitez illustrer votre article par une image ou une photo, il vous faut d’abord l’envoyer dans votre dossier de stockage (vous pouvez aussi l’héberger ailleurs, pour cela voir l’article sur le gestionnaire d’image). Utilisez pour cela l’espace sous la barre des Tags : « Envoyer »


telecharger image

Cliquez d’abord sur le bouton Parcourir et sélectionnez le fichier .jpeg .gif ou .png à envoyer et qui se trouve sur votre ordinateur, sur le bureau ou dans un dossier.

Attention :
les noms de fichier ne doivent pas contenir d’accent, ni espaces, ni caractères spéciaux. Si la photo que vous souhaitez insérer se trouve déjà dans votre dossier de stockage, cliquez sur l’onglet “tout parcourir” pour voir vos documents déjà stockés dans votre blog.

inserer image

Pour insérer votre image dans l’article vous pouvez la glisser-déposer directement dans le texte (format miniature par défaut), ou sélectionner :
« Miniature » : La photo apparaît dans l’article sous forme d’une vignette. en cliquant dessus, le lecteur obtient la photo dans son format original
« Taille originale » : … comme son nom l’indique
« Titre » : dans votre texte, apparaîtra seulement le titre de l’image, dans un cadre. Le lecteur verra la photo en format original en cliquant sur ce titre.
Ensuite, sélectionner « Envoyer dans l’éditeur ». Les dimensions d’une image envoyée dans l’éditeur peuvent ensuite être modifiées grâce au gestionnaire d’image
(l’icône en forme d’arbre) accessible dans la barre d’outils.

outil gestion image


Retailler une photo :

 

 

Pour retailler une photo, entrez la photo dans l’éditeur à la taille originale (donc souvent trop grande), puis vous cliquez sur la photo. Cela la sélectionne (apparition d’un cadre autour de votre photo). Vous cliquez sur la petite icône de l’arbre

outil gestion image (à côté des icônes avec des maillons de chaîne), cela ouvre une fenêtre :

gestionaire imagesEn face de “dimensions”, vous avez deux cadres vides. Le premier sert pour indiquer la largeur de la photo (en pixels), le second pour la hauteur.
Pour une photo horizontale, vous ne rentrez que la valeur 500 dans le premier cadre et laissez le second vide. Cliquez sur “insérer” et votre photo est automatiquement réduite, avec les bonnes proportions. 500 est la valeur maximum (après, la photo dépasse). Vous pouvez bien sûr en choisir une plus petite.
Si la photo est verticale, même chose, mais avec 500 dans le deuxième cadre en laissant le premier vide…


 

 

Habiller le texte :

Par défaut, la photo se positionne à l’endroit où vous avez laissé le curseur dans le texte. Votre photo est positionnée avant le texte, comme dans l’exemple ci-dessous :


imagrbla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

habiller texte
Si vous souhaitez habiller votre texte avec l’image, sélectionner la photo, cliquez sur l’icône de l’arbre et choisissez par exemple “gauche”, ce qui donnera le résultat ci-dessous :


imagrbla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla


__________________________

Si vous choisissez “droite”, cela donne le résultat ci-dessous :



imagrbla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla



___________________________

En choisissant “ligne de base”, cela donne le résultat ci-dessous :



imagrbla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla


__________________________

 

En choisissant “En haut”, cela donne le résultat ci-dessous :


imagrbla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

 

__________________________

 

 

En choisissant “au milieu”, cela donne le résultat ci-dessous :


imagrbla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

 

 

___________________________

 

En choisissant “milieu absolu”, cela donne le résultat ci-dessous si vous avez positionné le curseur non pas au début du texte, mais quelque part dans le texte :

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

imagr bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

 

 

Bref, amusez-vous à disposez votre image et votre curseur par-ci par-là au gré de vos textes, les résultats ne sont pas absolument garantis, mais une part d’impondérable dans la vie apportera un peu de sel au piment de votre blog ou vous fera perdre quelques cheveux supplémentaires, selon votre nature.


Pour insérer plusieurs photos dans un même article :


Une fois votre première photo en place, si vous voulez insérer une deuxième photo, vous devez d’abord cliquer sur “Sauvegarde continue” afin de réactiver la fenêtre :


 

 

 

 

deuxieme photo

Et vous recommencez comme pour la première photo.