«

»

nov 06 2011

Imprimer ceci Article

Intégrer sa galerie Instagram à son blog WordPress grâce à Instapress

Instagram, c’est une application qui pour l’instant ne tourne que sur iPhone et permet de partager facilement des photos après y avoir appliqué éventuellement un filtre.

Je vous renvoie à quelques articles que j’avais publié à propos :

Il est possible de générer une galerie en ligne grâce au service du site web http://web.stagram.com par exemple : je vous renvoie au second article cité ci-dessus pour en savoir plus. C’est pratique, mais le site (et son service) ne vous appartienne pas, et s’il venait donc à disparaître, votre galerie n’existerait plus… 

Si votre blog tourne sous WordPress (un vrai wordpress, pas la version gratuite hébergée sur wordpress.org), une extension pourra vous être très utile : Instapress, développée par Thomas Krammer.
Vous pouvez l’installer à partir du panneau de configuration des extensions de votre blog ou aller la chercher sur la page web dédiée où on trouve toutes les explications : http://instapress.it

Cette extension permet non seulement d’incorporer une photo ou toute une galerie au sein d’un article ou d’une page de votre site, mais aussi de créer un widget (les petites applications qui « tournent » dans les barres de navigation sur le côté).

l'écran de configuration (c'est le même pour l'éditeur ou le widget)

[important]J’ai ainsi pu très facilement construire la page que je voulais qui affiche toutes mes photos instagram avec un bel effet « Fancybox » (on clique et ça « ouvre » la photo en l’agrandissant au premier plan) :  http://blog.bellet.com/mathieu/mes-photos-instagrams/[/important]

J’aurais très bien pu n’afficher qu’une seule photo en particulier ou bien supprimer l’effet Fancybox, afficher les imagettes en plus gros, afficher ou non le nom de la photo, etc.

L’extension installe un bouton dans l’éditeur de texte qui permet de configurer avec des boutons radio et des menus ce qu’on souhaite pour que la ligne de code soit ensuite insérée dans votre article et c’est les options sont très facilement paramétrables ensuite, éventuellement, à la main.

Le Widget quand à lui est très bien fait aussi et offre toutes les possibilités : afficher une seule image ou plusieurs (de façon aléatoire ou pas), imposer sa taille, ajouter ou non un effet Fancybox pour agrandir l’image (qui s’agrandira au centre de la page et non uniquement sur le côté où il y a les widgets), etc.

Vous pouvez aller sur une page de démo (ou rester sur mon blog!) pour voir ce que ça donne : http://work-liechtenecker.at/fb/instagram/wp/

Et voici un petit exemple d’affichage des 6 photos les plus récentes :

Dernière chose : on peut bien sûr afficher des Instagrams d’autres utilisateurs, si on le souhaite également.

Lien Permanent pour cet article : http://blog.bellet.com/2011/11/06/integrer-sa-galerie-instagram-a-son-blog-wordpress-grace-a-instapress/

9 Commentaires

Passer au formulaire de commentaire

  1. Ludi

    Merci pour toutes ces infos précieuses ! Je ne sais si j’ai tout compris mais je vais tenter… En espérant que ça marche ! Xoxo

  2. Mat

    De rien, j’espère que ça te servira !

  3. Mrs. DeYarmond

    Je commence sur wordpress et je ne sais pas comment installer le widget instagram… Des conseils ? merci d’avance

  4. Mat

    Bonjour,
    Les installations d’extensions dans wordpress sont très simple : depuis l’interface d’administration, allez dans l’item « Extensions » -> « Installez les extensions ». Un moteur de recherche permet de retrouver l’extension que vous souhaitez ajouter (ici « Instapress). Puis il suffit de cliquer sur « Installer ». Comme il s’agit d’une extension ici gérée par widget, les réglages de celui-ci se trouvent dans l’interface de gestion des widgets installés, à laquelle on accède via le menu « Apparence »->Widgets »

  5. Céline

    Bonjour Mat,

    Je ne vois pas du tout l’item « extensions », j’utilise wordpress.com pour mon site et ça fait depuis un bout de temps que j’essaie de mettre le feed IG en vain.

    Merci.

  6. Cabos

    Bonjour,
    je tâtonne depuis un moment avec instapress j’aimerai faire une grille de photo instagram (pour l’instant elles s’affichent les unes à la suite des autres verticalement). Une idée de manip à effectuer?

  7. Mat

    Bonjour,
    A mon avis à part jouer sur la grandeur des images dans le tableau de bord de l’extension, il n’y a pas beaucoup de liberté. Pourtant sur mon site ça affiche bien une grille (si on pense à la même chose), quoi que le temps de chargement me parraisse bien long…

  8. macami

    Bonjour
    Je cherche à relier mon Instagram à mon blog wordpress mais je ne vois pas l’Item extension.
    Merci pour votre aide

  9. Mat

    Bonjour,
    Il faut avoir un blog wordpress hebergé par ton hebergeur et non par le service wordpress.com qui impose ses propres extensions. Si c’est le cas l’item extension est dans ton tableau de bord à gauche, entre « Apparence » et « Utilisateurs ».

Commentez cet article

%d blogueurs aiment cette page :