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

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.

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/

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 <3</p>— 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>

Vale lembrar que no Twitter isso também funciona - basta colar a URL do tweet no post que o WordPress estiliza ele automaticamente <3

— Erika Sarti (@erikasarti) July 17, 2013

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

Vale lembrar que no Twitter isso também funciona - basta colar a URL do tweet no post que o WordPress estiliza ele automaticamente <3

— Erika Sarti (@erikasarti) July 17, 2013

Muito amor no coração né?