Comment intégrer des images dans HTML pour Tumblr Post

Tumblr vous permet d'ajouter des photos à des publications textuelles soit en téléchargeant un fichier image depuis votre disque dur, soit en collant directement une URL vers une image hébergée sur un serveur tiers dans la fenêtre de l'éditeur de publication. Si Tumblr ne parvient pas à récupérer correctement l'image liée, modifiez le code HTML de la publication pour intégrer l'image manuellement.

Avertissement

  • Contrairement aux publications standard, les publications textuelles contenant des images ajoutées en modifiant le code source de la publication n'affichent pas directement l'image liée. Au lieu de cela, ces messages affichent une icône grise sur laquelle les visiteurs doivent ensuite cliquer pour révéler l'image.
  • Certains sites Web empêchent activement d'autres sites de créer des liens directs vers des images hébergées sur leurs serveurs - une pratique connue sous le nom de hotlinking. Si vous essayez d'ajouter un lien vers une image hébergée par un tel site, Tumblr peut ne pas être en mesure d'afficher l'image.

Étape 1

Cliquez sur Texte.

Crédit d'image : Image reproduite avec l'aimable autorisation de Tumblr

Allez dans votre Tableau de bord Tumblr et créez un nouveau message texte en cliquant sur le Texte icône.

Vidéo du jour

Étape 2

Composez votre message texte.

Étape 3

Basculez vers l'éditeur HTML.

Crédit d'image : Image reproduite avec l'aimable autorisation de Tumblr

Basculez vers l'éditeur HTML de Tumblr en ouvrant le dent menu et en sélectionnant HTML dans le menu Editeur de texte.

Étape 4

Ajoutez le code HTML.

Crédit d'image : Image reproduite avec l'aimable autorisation de Tumblr

Saisissez le code HTML suivant à l'endroit où vous souhaitez afficher l'image :

Remplacez l'exemple d'URL par la bonne.

Avertissement

Ne revenez pas à l'éditeur de texte enrichi après avoir modifié le code source de la publication. Si vous le faites, Tumblr supprimera la balise d'image que vous avez insérée.

Étape 5

Publiez votre article en cliquant sur le Poster bouton.