17 May 2011

Exibindo Fotos do Instagram no Seu Blog

Comentários
Categoria: Desenvolvimento Web

Script bem simples para quem usa wordpress e instagram.
Ele vai exibir através de feeds, suas última imagens adicionadas no instagram.

No seu arquivo functions.php do wordpress, no finalzinho dele, antes do fechamento ?> adicione o seguinte código:

function instagram_pics($username = '', $num = 4, $linked = true, $size = 70, $margin = 5, $border = 0, $bordercolor = '#FFFFFF') {
include_once(ABSPATH.WPINC.'/rss.php');
$rss = fetch_rss('http://instagram.heroku.com/users/'.$username.'.atom');
$items = array_slice($rss->items, 0, $num);
if (!empty($items)) {
  foreach ($items as $item) {
    $url = $item['link'];
    $pic = explode('<div xmlns="http://www.w3.org/1999/xhtml">',$item['atom_content']);
    $pic = explode('src="',$pic[1]);
    $pic = explode('"',$pic[1]);
    $pic = $pic[0];
    if ($linked == "true") {
      echo '<a href="'.$url.'" target="_new"><img src="'.$pic.'" width="'.$size.'" height="'.$size.'" style="margin: '.$margin.'px; border: '.$border.'px solid '.$bordercolor.';" class="twitpic" /></a>';
      } else {
      echo '<img src="'.$pic.'" width="'.$size.'" height="'.$size.'" style="margin: '.$margin.'px; border: '.$border.'px solid '.$bordercolor.';" class="twitpic" />';
    }
    }
  }
}

Se o seu arquivo functions.php estiver vazio, você terá que abrir e fechar uma função php:

<?php coloque o código aqui ?>

No seu arquivo sidebar.php (ou onde quiser mostrar as fotos) coloque a seguinte linha:

<?php instagram_pics('AAAAA', 2, true, 111, 10, 3, '#FFF'); ?>

Alterações:
“AAAAA” colocar o seu número de usuário do instagram
“2″ colocar o número de imagens que quer exibir
“true” colocar true para criar link, ou “false” para não criar link
“111″ colocar o tamanho da imagem em pixels
“10″ colocar o tamanho da margem em pixels
“3″ colocar o tamanho da borda em pixels
“#FFF” colocar a cor da borda da imagem

P.S. Se você não sabe o seu número de usuário, descubra neste link, usando o seu username do twitter.
Clique no “photo feed”, o seu número vai aparecer no endereço do navegador:
http://instagram.heroku.com/users/NÚMERO.atom

Relacionados:

  1. Controlando a Revisão de Posts no WordPress


Tags: • • •

16

  • Achei legal mais não entendi como funciona rs :)

    Adriana Nobre 22.Jul.2011 23:11

  • Dri, você não entendeu como fazer?
    Sabe as imagens do flickr que a gente manda exibir na lateral? Seria a mesma coisa mais ou menos, mas esse script exibi as suas últimas fotos postadas no Instagram! :)

    Mari 24.Jul.2011 22:41

  • Ataaa rs :) vou tentar colocar e te falo se funcionou rs :)

    Adriana Nobre 24.Jul.2011 22:49

  • Uhuuu tudo o que eu queriaaaaa saberr… Valew florrr!

    Vany 7.Aug.2011 15:23

  • Mari, to com um probleminha. Coloquei os códigos como você explicou, tudo direitinho. As fotos do Instagram aparecem e tal. Mas quando eu tenho criar uma página ou fazer um post, ele dá o seguinte erro:

    Warning: Cannot modify header information – headers already sent by (output started at /home/marianap/public_html/wp-content/themes/bow01/functions.php:1) in /home/marianap/public_html/wp-includes/pluggable.php on line 934

    Me socorre? :(
    Esse erro acontece quando eu coloco o Instagram. Quando eu tiro, ele volta ao normal! Tipo, o post e a página são publicados, mas esse erro me deixa encucada! x_x

    Beijos

    Mariana Pereira 18.Oct.2011 03:35

  • Mariana,

    Você verificou se no seu arquivo functions.php tá fechando o php no final?

    Mari 18.Oct.2011 18:53

  • Tá fechando sim. Posso chorar? :(

    Mariana Pereira 18.Oct.2011 19:16

  • Manda seu functions.php para o meu email que dô uma olhada! :)
    mari@plicplac.com.br

    Mari 18.Oct.2011 19:18

  • Amei! Coloquei e deu super certo!! Obrigaaaada!

    Loma Sernaiotto 30.Dec.2011 23:55

  • Consegui não :/

    Milenna 18.Jan.2012 17:35

  • Milenna,
    Deu algum erro?

    Mari 23.Jan.2012 08:35

  • Não consigo visualizar o meu número :(

    Lena 2.Apr.2012 15:24

  • Lena, seu número é: 3199555

    Acessa o link e passa o mouse onde está escrito “photo feed”!

    http://instagram.heroku.com/users/lenalucky

    Mari 15.Apr.2012 18:13

  • Fui tentar colocar e agora tá dando um erro no tema inteiro, até quando entra no blog… Não consigo acessar o painel administrativo =/
    Que faço? O blog ficou fora do ar…

    Obrigada!!

    Camille Habib 6.May.2012 20:07

  • Camille,
    Você deve ter colocado o código no lugar errado no seu arquivo functions.php.
    Colocou antes de fechar o ?> ?
    Entra pelo FTP, puxa o arquivo functions.php, deleta o código que colocou e manda ele novamente… O blog deve voltar a funcionar! ;)

    Mari 6.May.2012 20:12

  • Mari,
    obrigada pela atenção! Felizmente eu pensei na mesma solução e apaguei o arquivo, e subi o original e voltou ao normal… rs

    Mas eu tinha feito certo… Não sei o que pode ter acontecido =/

    Mesmo assim, obrigada! =)

    Camille Habib 7.May.2012 07:58

Leave a Reply