Insérer une image et un lien dans un article de blog
Transcript of Insérer une image et un lien dans un article de blog
![Page 1: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/1.jpg)
Insérer une image et un lien dans un article de blog: le guide « pas à pas »(téléchargeable et imprimable)
![Page 2: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/2.jpg)
1. Insérer une image
Les images permettent d'illustrer l'article ou de le rendre plus attractif.
Si on utilise des images trouvées sur internet,il est important cependant de vérifier et de respecter les droits de diffusion de ces images.
![Page 3: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/3.jpg)
A-Trouvez une image sur internet et téléchargez-là
● Privilégiez les images sous licence « Creative Commons », afin de ne pas avoir besoin de demander l'autorisation préalable de l'auteur
● Téléchargez l'image sur votre disque dur plutôt que d'utiliser seulement son lien : en effet, ce lien peut changer
● Pour télécharger une image trouvée sur internet dans votre disque dur: clic droit sur l'image puis « enregistrer l'image sous »
![Page 4: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/4.jpg)
Pour enregistrer une image internet sur son disque dur
![Page 5: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/5.jpg)
B- Insertion de l'image dans l'article
● L'image va être chargée depuis votre ordinateur dans votre blog et dans votre article.
● Vous pourrez à tout moment la retrouver dans la « bibliothèque de médias » du tableau de bord de Wordpress.
![Page 6: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/6.jpg)
Placez le curseur de la souris à l'endroit où vous voulez afficher l'image dans l'article puis cliquez sur l'icône
rectangulaire « ajouter un média »
![Page 7: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/7.jpg)
Une fenêtre de dialogue s'affiche. Si vous avez des difficultés de lecture, cliquez sur « version
classique de ce navigateur »
2. Cliquez sur « parcourir »
1.
![Page 8: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/8.jpg)
Retrouvez l'image dans vos dossiers de documents, sélectionnez-la et cliquez sur « ouvrir »
![Page 9: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/9.jpg)
Cliquez sur « envoyer »
![Page 10: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/10.jpg)
Vous pouvez préciser la taille et la disposition de votre image...
Cliquez ensuite sur « insérer
dans l'article »
![Page 11: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/11.jpg)
Il vous est alors encore possible de redimensionner votre image
manuellement en la sélectionnant et en utilisant la souris
![Page 12: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/12.jpg)
2. Insérer un lien
Les liens permettent de dynamiser la lecture d'un article et de faciliter la navigation sur le web de l'usager.
Ils permettent également au rédacteur de citer ses sources sans encombrer son article...
![Page 13: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/13.jpg)
Copiez l'adresse de votre lienSélectionnez l'adresse avec la souris, puis
- clic droit « copier »ou
- ctrl + Cou
- cmd + C (sur MacOS)
![Page 14: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/14.jpg)
Dans votre article en cours de rédaction, sélectionnez les mots auxquels vous voulez associer le lien
1.
![Page 15: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/15.jpg)
Puis cliquez sur l'icône représentant un maillon de chaîne
2.
![Page 16: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/16.jpg)
Dans la fenêtre qui s'ouvre, collez le lien que vous avez copié dans le champ « URL du lien »
(Ctrl+V ou Cmd+V ou clic droit « coller »)
Vérifiez que la mention « http:// » en début d'adresse n'est renseignée qu'une seule fois et cliquez sur « insérer »
1.
2.
3.
![Page 17: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/17.jpg)
Votre lien est à présent associé aux mots que vous aviez sélectionnés
Vous pouvez cliquer sur « publier » ou « enregistrer » pour mettre en ligne l'article que vous avez ainsi enrichi
![Page 18: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/18.jpg)
Cliquez sur « afficher l'article » pour visualiser vos modifications
![Page 19: Insérer une image et un lien dans un article de blog](https://reader033.fdocuments.fr/reader033/viewer/2022060117/5586fb24d8b42ac6278b46d2/html5/thumbnails/19.jpg)
Voici votre article, en plus beau!
Notez que l'auteur de l'image est signalé. La licence « Creative Commons » permet en effet de réutiliser l'image sans demander l'autorisation de l'artiste, mais il reste obligatoire de citer l'auteur!