Comment ajouter un post Instagram dans un article WordPress

Mon petit frère m’a récemment demandé si l’on pouvait facilement ajouter un post Instagram dans un article WordPress. Etant un grand novice en la matière j’ai fait quelques recherches. J’ai pu constater qu’il n’y avait rien de plus simple que d’ajouter un post Instagram (il suffit de copier/coller l’url de celui-ci dans l’article pour l’afficher). En revanche, j’ai du un peu plus creuser pour modifier la taille de l’image ainsi que son positionnement sur la page (je voulais la centrer).

Comment afficher, centrer et réduire un post Instagram

Voici le résultat souhaité :

Gorgeous work by c home! #ArtStationHQ

Une publication partagée par ArtStation (@artstationhq) le


Très belle photo de la part de ArtStation. C’est une mine d’or ce site pour y trouver de joli dessin! Personnellement j’adore!!! 😁

Ajouter un post Instagram

Ci-dessous, vous trouverez la procédure à suivre :

  • Aller sur le post Instagram depuis votre explorer internet (par exemple Google).
  • Une fois sur le post Insta, cliquer sur les 3 petits points en bas à droite :



  • Vous pouvez alors cliquer sur le bouton « Intégrer ».
  • Vous devrez ensuite copier ce code dans votre article dans la partie « Texte ».

Pour celà, Il vous suffit juste de cliquer sur la petite fenêtre « Texte » en haut à droite de la partie servant à écrire l’article.



Je vous conseille donc fortement de travailler vos articles dans la partie « texte » et non « visuel » car ça vous permettra d’avoir la main sur le code et de pouvoir ainsi apprendre à le manipuler (pour les Noobs bien sûr).

Passons maintenant au centrage de l’image.

Centrer l’image

Rien de plus simple les Noobies! Il vous suffit d’ajouter la balise <center> avant le code relatif à l’image et </center> à la fin.

Voici un exemple :
<center>
<img src="http://localhost/wp-content/uploads/image.png" alt="" width="600" height="160" class="alignnone size-medium wp-image-28" /r>
</center>

Comme vous pouvez le voir, ce n’est pas très compliqué…

Changer la taille de l’image

La taille des images est rarement conforme à vos souhaits. Pour la modifier, nous allons prendre à nouveau un petit exemple.

Vous remarquerez dans le petit code ci-dessus les éléments width et height;. Il vous suffit de changer les valeurs associées à savoir 600 et 160 par celles que vous souhaitez.
« Width » et « height » correspondent respectivement au nombre de pixels en largeur et en hauteur de l’image.

Et voilà, le tour est joué! J’espère que ce petit tuto vous sera utile. N’hésitez pas à me laisser vos remarques et questions en commentaires. Je vous ferai une réponse aussi rapide que possible.

A bientôt les Pikachus!