Como incorporar vídeos e fotos do Instagram no WordPress sem plugins

Publicado em 17/07/2013

Agora que o Instagram também permite o upload de vídeos, a ferramenta disponibilizou um código de embed para facilitar o compartilhamento de conteúdo. É só clicar no botão de reticências da foto ou vídeo (na versão web), escolher a opção Embed e copiar o código.

Opção de embed no Instagram

Usando o código da foto acima, ela fica assim (pena o que o Like ainda não funciona direto aqui):

<iframe src="//instagram.com/p/bUcvqcSi4R/embed/" width="612" height="710" frameborder="0"
scrolling="no" allowtransparency="true"></iframe>

E se você usa o WordPress, as coisas são mais fáceis ainda: basta colocar a URL do conteúdo direto no meio do texto, que automaticamente a mídia é inserida no post – sem precisar de plugins! Usando como exemplo a mesma foto:

http://instagram.com/p/bUcvqcSi4R/

Cai a noite na cidade

Bacana né? Só senti falta desses códigos incluirem uma classe pra gente poder estilizar a maneira como a mídia é exibida no site através de CSS – pra centralizar a foto no post por exemplo. Mas baby steps, né? O embed automático no WordPress apenas pela URL já é uma coisa bem legal.

E vale lembrar que pro Twitter essa funcionalidade também existe! Você pode colar o código embed de um tweet no seu site:

<blockquote class="twitter-tweet">
<p>Vale lembrar que no Twitter isso também funciona - basta colar a URL do tweet no post que o
WordPress estiliza ele automaticamente &lt;3</p>&mdash; Erika Sarti (@erikasarti)
<a href="https://twitter.com/erikasarti/statuses/357634179795652609">July 17, 2013</a>
</blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

E, no WordPress, basta colar a URL do tweet que automaticamente ele fica exatamente com a mesma aparência, sem a necessidade de plugins ou funções:

http://twitter.com/erikasarti/status/357634179795652609

Muito amor no coração né?


Leia mais sobre WordPress, ,


1 comentário para “Como incorporar vídeos e fotos do Instagram no WordPress sem plugins”

Deixe um comentário




Seu e-mail não será publicado