Un shortcode pour intégrer des photos publiées sur Instagram
Grâce à l’API d’Instagram et un shortcode WordPress, il est possible d’intégrer directement une photo publiée sur Instragram dans un article ou une page.
Instagram est très certainement l’application mobile qui a fait le plus de bruit ces dernières années. En effet, depuis sa sortie en 2010, ce sont des milliers de photos qui sont partagées chaque jour par des photographes en herbe.
Dans cette astuce, je vous propose une fonction qui permet d’intégrer une photo publiée sur Instagram sur votre blog WordPress.
Pour ce faire, il faut ajouter le code suivant dans le fichier functions.php
de votre thème :
add_shortcode('instagram', 'jm_instagram'); function jm_instagram($atts, $content = null) { extract(shortcode_atts(array( 'instagram' => 'http://instagr.am/p/', 'id' => 'QI9cbtAdvW', 'alt' => '', 'size' => 'm' // l'API Instagram propose trois tailles différentes pour les thumbnails m,t ou l ), $atts)); return '<img class="instagram" alt="' . $alt . '" src="' . $instagram . $id . '/media?size=' . $size . '" />'; }
Le shortcode s’utilise comme ci-dessous :
[instagram id='QI9cbtAdvW' size='l']
18 Commentaires
Je rapelle qu’en WP3.5 le shortcode n’est plus utile, mais pour la forme, l’astuce reste bonne ;)
@boite à web : et paf ! Bien vu en tout cas le chasseur de failles du core des bêtas.
Merci, tu peux m’appeler Julio ;) hehe
Alors là, bravo ! En faite je ne me suis jamais penché sur instagram mais j’avoue que j’adore cette manip, je vais m’en servir pour un de mes clients merci beaucoup ^^
@rodrigue : merci ;)
Dans la mesure où Instagram va prendre de plus en plus d’ampleur, cette aide va s’avérer très utile. Bravo pour y avoir pensé Julio !
@philippe : tu peux m’appeler Julien. Non pas que la confusion me dérange, au contraire, :0)
Est-il possible comme pour youtube d’intégrer directement l’image ?
Hey Attila, tu as de la chance je passais justement par là. Oui tout à fait c’est possible suivant la liste des providers intégrée par WP. Par exemple pour flickr tu n’as qu’à copier-coller l’URL (attention sans le lien, que du texte).
a+
Bonjour à tous, je suis un petit nouveau sur ce site;)
pouvez vous me dire ou placer le shortcode svp?
merciiii
@Andre : Un shortcode s’insère à l’intérieur d’un article via l’éditeur de texte.
@jonathan lol tout simplement, ok merci bcp ;) j’y fonce
bizar les gars, ça ne fonctionne pas pour moi. et vous?
dans le code il n’y a que ‘id’ => ‘QI9cbtAdvW’, à changer?
pour mon id je dois remplacer par instagram.com/mon_id ou par mon client IP (API)? merciiii
ok non c’est bon j’ai trouver mais je pensai que le flux s’actualisait tout seul. avec le shortcode on doit toujours aller chercher l’id de la photo. avez vous une solutions pour afficher le flux de photos instagram directement sur sidebar de wordpress? merci à vous
@Andre CSS : Cette astuce permet d’afficher uniquement une photo d’un compte. Pour afficher un flux, une recherche sur Google ou le repository de plugins WP s’impose ;)
Je pense que vous n’allez pas voir de mal à trouver avec le nombre de tutos présents sur le web.
@Andre : vous pouvez consulter mon article sur l’API Instagram pour cela -> http://tweetpress.fr/screencast/api-instagram
bonjour, sur le thème argent de WordPress où trouve-t-on le fichier function php ? et le code doit il etre retaper à chaque nouvelle photo en entier ou seul le shortcode change ?
Salut, le fichier functions.php se trouve toujours à la racine du thème lui même, à savoir : wp-content/themes/TONTHEME/functions.php