Tout savoir sur WordPress

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']
Cet article a été publié il y a 2175 jours - Il n'est peut être plus à jour !

Article écrit par jmlapam

18 Commentaires

  1. 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 ^^

  2. 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+

  3. Bonjour à tous, je suis un petit nouveau sur ce site;)
    pouvez vous me dire ou placer le shortcode svp?
    merciiii

  4. 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

  5. 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

  6. @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.

  7. 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

ipsum consectetur Praesent ut justo leo. elit. quis, felis