Como in­cor­po­rar mídia em um site com WordPress iFrame

Adicionar arquivos pesados a um site, como imagens, mapas e ca­len­dá­rios, assim como in­cor­po­rar vídeos, consome muito espaço de ar­ma­ze­na­mento e pode diminuir a ve­lo­ci­dade de car­re­ga­mento dele. Contudo, o WordPress iFrame permite que você exiba conteúdo em seu site WordPress sem precisar hospedá-lo na sua bi­bli­o­teca de mídia. A abordagem tem, ainda, outras vantagens. Descubra be­ne­fí­cios do WordPress iFrame, entenda como esta tec­no­lo­gia funciona e aprenda a usar o WordPress iFrame no seu site, seja por plugin ou ma­nu­al­mente.

O que é iFrame e quais são suas vantagens?

iFrames pos­si­bi­li­tam a in­cor­po­ra­ção de conteúdo de terceiros, ou de conteúdo próprio hospedado em outras pla­ta­for­mas, no seu site. Ge­ral­mente, tudo que você precisa é de uma tag HTML e do endereço da página-fonte. A grande vantagem do iFrame é que, por meio dele, mídias to­tal­mente fun­ci­o­nais podem ser in­cor­po­ra­das a um site, mesmo que ar­ma­ze­na­das por terceiros. Isso quer dizer que a memória do seu site permanece intacta. iFrames são es­pe­ci­al­mente van­ta­jo­sos quando uti­li­za­dos para exibir arquivos pesados, como vídeos ou ca­len­dá­rios. Se fossem ar­ma­ze­na­dos pelo seu site, eles poderiam deixá-lo mais lento.

Para que um WordPress iFrame é usado?

Você pode usar iFrames no WordPress para in­cor­po­rar conteúdo próprio no seu site, sem que ele consuma muito espaço de ar­ma­ze­na­mento. É possível, por exemplo, in­cor­po­rar um vídeo cor­po­ra­tivo sobre sua empresa. Você pode fazer upload dele no seu próprio canal do YouTube e depois exibi-lo no seu site WordPress, usando o iFrame. A carga de ar­ma­ze­na­mento ficará no YouTube, mas o vídeo também aparecerá no seu site.

Outra vantagem de in­cor­po­rar imagens e arquivos pesados a um site, uti­li­zando o WordPress iFrame, é: ao exibi-los ali, você também divulga suas redes sociais de forma indireta. Integrar seus di­fe­ren­tes canais de mídias sociais transmite pro­fis­si­o­na­lismo aos clientes e garante que aqueles que visitam seu site encontrem você também nas redes sociais.

iFrames também são a solução ideal para in­cor­po­rar conteúdo de terceiros no seu site WordPress. Questões relativas a direitos autorais ge­ral­mente tendem a se aplicar quando conteúdo de terceiros é utilizado. Contudo, ao integrar conteúdo de fontes externas por iFrame no seu site WordPress, você estará res­guar­dado.

A im­por­tân­cia de definir pa­râ­me­tros para in­cor­po­rar mídias

Ao in­cor­po­rar mídias no seu site com o WordPress iFrame, você deve de­ter­mi­nar diversos pa­râ­me­tros, para garantir uma exibição correta. Em se tratando de um vídeo, por exemplo, pa­râ­me­tros garantem que ele não cubra a página toda e nem fique muito pequeno. Você ainda pode definir como uma mídia deve ser carregada. Largura e altura também são im­por­tan­tes para apre­sen­tar mídias da forma certa, e adaptada ao design do seu site. Ainda, é possível con­fi­gu­rar questões como permitir ou res­trin­gir o modo full screen.

Como usar o WordPress iFrame ma­nu­al­mente

É possível in­cor­po­rar mídias com o WordPress iFrame de di­fe­ren­tes formas. Uma delas é ma­nu­al­mente. Neste caso, basta inserir o código apro­pri­ado no editor. Ele tem o seguinte formato:

<iframe src="exemplo.com"></iframe>

Para ajustar os pa­râ­me­tros men­ci­o­na­dos acima, insira os valores cor­res­pon­den­tes. Nosso exemplo utiliza os seguintes:

<iframe src="exemplo.com" width="900" height="800"></iframe>

Com o WordPress iFrame, só é possível in­cor­po­rar páginas de terceiros que utilizam o mesmo Protocolo de Trans­fe­rên­cia de Hi­per­texto (HTTP). Portanto, se o seu site tiver um cer­ti­fi­cado SSL e usar HTTPS, mas a página-fonte não o tiver, a inserção não fun­ci­o­nará.

Como usar embed codes no WordPress iFrame?

Nem todas as pla­ta­for­mas permitem que você adicione iFrames ma­nu­al­mente a um site WordPress. Isso não significa, contudo, que você deva abrir mão do conteúdo dessas páginas. Ge­ral­mente, a maioria delas dis­po­ni­bi­liza um código de in­cor­po­ra­ção (embed code). No YouTube, por exemplo, este código pode ser en­con­trado no canto inferior direito do vídeo, dentro das opções de “Com­par­ti­lhar”.

Close

Assim que você clicar no botão “Com­par­ti­lhar”, uma nova janela, com várias opções, se abrirá. Na ex­tre­mi­dade esquerda, aparecerá “In­cor­po­rar” (Embed).

Close

Ao se­le­ci­o­nar essa opção, você poderá escolher entre copiar um trecho do HTML (HTML snippet) ou a URL da fonte. Em seguida, basta in­cor­po­rar a opção escolhida ao iFrame da sua página WordPress.

O Instagram também dis­po­ni­bi­liza código de in­cor­po­ra­ção, que funcionam de maneira similar. Você pode encontrá-lo no canto superior direito de um post, ao clicar nos três pontinhos.

Close

Clicando nos três pontinhos, uma janela será exibida, com a opção “In­cor­po­rar” (Embed).

Close

Após copiar o código, prossiga como já descrito acima.

Como usar plugins de WordPress iFrame

Al­ter­na­ti­va­mente, é possível in­cor­po­rar conteúdo no WordPress com um plugin iFrame. Ações as­se­me­lham-se às do pro­ce­di­mento manual, mas, em vez de uma tag HTML, você utilizará short­co­des. A con­fi­gu­ra­ção é fácil e rápida: após ativar o plugin iFrame escolhido, ele poderá ser usado ime­di­a­ta­mente. Da mesma forma, plugins iFrame permitem a definição de vários pa­râ­me­tros, para garantir que o vídeo, mapa ou ca­len­dá­rio seja integrado de forma orgânica ao site.

Entre plugins iFrame populares estão:

• Advanced iFrame (também dis­po­ní­vel na versão Pro paga)
• Simple iFrame
• Include Me

Ao buscar por um plugin iFrame, verifique se ele já foi testado e se é com­pa­tí­vel com a versão atual do seu WordPress.

Conclusão: WordPress iFrame incorpora mídias com fa­ci­li­dade e não pesa o site

WordPress iFrame é uma boa solução para integrar conteúdo de terceiros de alta qualidade, assim como conteúdos próprios, a um site WordPress, pois economiza espaço de ar­ma­ze­na­mento. Todas as opções aqui apre­sen­ta­das são re­co­men­da­das e podem ser im­ple­men­ta­das sem que haja ne­ces­si­dade de grandes co­nhe­ci­men­tos prévios. O mais im­por­tante é que você defina pa­râ­me­tros para que mídias externas encaixem-se or­ga­ni­ca­mente no seu tema WordPress, sem atra­pa­lhar outros elementos.