{"id":226833,"date":"2022-09-05T14:21:00","date_gmt":"2022-09-05T11:21:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226833"},"modified":"2022-11-09T01:09:16","modified_gmt":"2022-11-08T22:09:16","slug":"como-incorporar-um-iframe-do-wordpress-com-e-sem-um-plugin","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-incorporar-um-iframe-do-wordpress-com-e-sem-um-plugin\/","title":{"rendered":"Como incorporar um iFrame do WordPress com e sem um plugin"},"content":{"rendered":"\n<p>Compartilhar ou apresentar conte\u00fado de outros criadores do seu lado pode ter dificuldades legais.<\/p>\n<p>\u00c9 aqui que a incorpora\u00e7\u00e3o de um c\u00f3digo iframe oferece uma solu\u00e7\u00e3o simples.<\/p>\n<p>Se voc\u00ea tem um site WordPress focado em m\u00eddia, \u00e9 essencial que o conte\u00fado que voc\u00ea deseja fornecer ao seu p\u00fablico seja relevante e chegue at\u00e9 ele.<\/p>\n<p>Aqui precisamos estar atentos ao nosso espa\u00e7o de hospedagem e n\u00e3o consumi-lo inteiramente.<\/p>\n<p>Este artigo criado por nossa equipe em <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a>, o <strong>plugin n\u00ba 1 para tabelas e gr\u00e1ficos<\/strong>, ajuda voc\u00ea a entender como usar um iFrame do WordPress, o que \u00e9 e como incorpor\u00e1-lo em seu site.<\/p>\n<h3><strong>O que \u00e9 um iFrame do WordPress?<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b20d2e323.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b20d2e323.jpg\" alt=\"Como incorporar um iFrame do WordPress com e sem um plugin\" ><\/a><\/p>\n<p>Ao usar um iFrame do WordPress, voc\u00ea pode incorporar uma p\u00e1gina da web no conte\u00fado de outra. Isso \u00e9 feito usando tags HTML cl\u00e1ssicas que cont\u00eam o link da p\u00e1gina externa. Outras especifica\u00e7\u00f5es, como a apar\u00eancia da janela, tamb\u00e9m podem ser adicionadas ao bloco HTML personalizado.<\/p>\n<p>Isso significa que voc\u00ea pode ter uma p\u00e1gina din\u00e2mica em seu site sem hospedar o conte\u00fado no servidor. Isso economiza muito espa\u00e7o e faz com que seu site se mova mais r\u00e1pido para seus usu\u00e1rios.<\/p>\n<p>Ao mesmo tempo, se voc\u00ea incorporar e n\u00e3o baixar, digamos um v\u00eddeo, os v\u00eddeos podem aparecer em seu site.<\/p>\n<p>Os usu\u00e1rios podem assistir aos v\u00eddeos sem nenhuma carga extra em seus servi\u00e7os. Isso \u00e9 inteligente porque os v\u00eddeos que est\u00e3o sendo transmitidos v\u00eam diretamente do servidor da fonte.<\/p>\n<p>Voc\u00ea pode usar iFrames em quase qualquer site ou p\u00e1gina da web, e j\u00e1 estamos come\u00e7ando a entender o porqu\u00ea. Ao usar iFrames, muitos propriet\u00e1rios de sites criam uma m\u00eddia que ajuda a exibir o conte\u00fado ou p\u00e1ginas da Web de outras fontes. Voc\u00ea pode fazer tudo isso sem se preocupar com a necessidade de permiss\u00f5es de direitos autorais.<\/p>\n<p>Se voc\u00ea usa iFrames, tamb\u00e9m pode exibir o conte\u00fado em seu site sem a necessidade de hosped\u00e1-lo na Biblioteca de M\u00eddia do WordPress.<\/p>\n<p>Por que isso \u00e9 importante?<\/p>\n<p>A resposta \u00e9 bastante simples, todos os arquivos de m\u00eddia ocuparam uma quantidade significativa de espa\u00e7o de armazenamento e voc\u00ea pode at\u00e9 deixar seu site lento.<\/p>\n<h3><strong>Por que usar um iFrame do WordPress?<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b20e45d80.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b20e45d80.jpg\" alt=\"Como incorporar um iFrame do WordPress com e sem um plugin\" ><\/a><\/p>\n<p>O iFrame ajuda o site a economizar armazenamento e ser mais r\u00e1pido. Existem muitos usu\u00e1rios na web para incorporar iFrame no WordPress sem um plugin. Isso inclui v\u00eddeos, imagens, outros sites e muito mais. Voc\u00ea pode at\u00e9 usar o iFrame para economizar espa\u00e7o de armazenamento incorporando conte\u00fado de outros servidores.<\/p>\n<p>Com certeza, existem alguns m\u00e9todos para incorporar conte\u00fado, como usar elementos da Web AJAX ou HTML5 ou outros. No entanto, em muitos casos, o iFrame \u00e9 a melhor escolha. Por um lado, a incorpora\u00e7\u00e3o de iFrame est\u00e1 sendo usada para conte\u00fado entre dom\u00ednios. Ao fazer isso, um usu\u00e1rio do site pode solicitar os recursos selecionados de um site separado e visualiz\u00e1-lo sem manipular o elemento.<\/p>\n<p>Aqui est\u00e3o algumas vantagens de usar o WordPress iFrame:<\/p>\n<ul>\n<li>Permite incorporar conte\u00fado visual gratuitamente<\/li>\n<li>Voc\u00ea pode exibir v\u00e1rios an\u00fancios<\/li>\n<li>\u00c9 uma maneira simples de visualizar o conte\u00fado de fontes externas sem problemas<\/li>\n<li>\u00c9 seguro e voc\u00ea n\u00e3o precisa acessar o c\u00f3digo de conte\u00fado original<\/li>\n<\/ul>\n<h2><strong>Incorporar iframes no WordPress com um plugin<\/strong><\/h2>\n<p>Os plugins WordPress iFrame foram feitos para usar o elemento HTML iFrame que foi preterido no WordPress por motivos de seguran\u00e7a. Isso permite que voc\u00ea personalize a funcionalidade do iFrame com apenas alguns cliques. N\u00e3o h\u00e1 mais necessidade de nenhum c\u00f3digo iFrame.<\/p>\n<p>Os plugins suportam c\u00f3digos de acesso para inserir iFrame. Eles podem ser adicionados em qualquer se\u00e7\u00e3o do site, como rodap\u00e9, widgets e assim por diante. O iFrame pode exibir facilmente qualquer outro site e voc\u00ea pode personalizar v\u00e1rios atributos dele.<\/p>\n<p>A seguir, veremos os cinco melhores plugins iFrame do WordPress:<\/p>\n<h3><strong>iFrame<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/iframe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b20f53891.jpg\" alt=\"Como incorporar um iFrame do WordPress com e sem um plugin\" \/><\/a><\/p>\n<p>O plugin iFrame vai oferecer \u00f3timos resultados. Ele tem os mesmos recursos da incorpora\u00e7\u00e3o de um iFrame, mas \u00e9 gerado usando um c\u00f3digo de acesso simples. Aqui est\u00e1 um exemplo de como usar o shortcode para este plugin WordPress:<\/p>\n<pre><code>[iFrame  data-src=\"https:\/\/www.YouTube.com\/embed\/fd0k_hbXWcQ\" width=\"100%\" height=\"400\"]<\/code><\/pre>\n<h3><strong>Incorporador de v\u00eddeo responsivo avan\u00e7ado<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/advanced-responsive-video-embedder\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b2105f00b.jpg\" alt=\"Como incorporar um iFrame do WordPress com e sem um plugin\" \/><\/a><\/p>\n<p>Este plugin \u00e9 excelente para aqueles que incorporam v\u00eddeos do YouTube ou Vimeo em seu site WordPress.<\/p>\n<p>Com a ajuda deste plugin, voc\u00ea pode trazer v\u00eddeos em um formato responsivo e direto para o seu site.<\/p>\n<p>Este plugin do WordPress tamb\u00e9m adiciona um bot\u00e3o Video Embed no editor de texto do WordPress e, com sua ajuda, voc\u00ea pode facilmente incorporar v\u00eddeos de diferentes sites.<\/p>\n<h3><strong>iFrame avan\u00e7ado<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/advanced-iframe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b211619f3.jpg\" alt=\"Como incorporar um iFrame do WordPress com e sem um plugin\" \/><\/a><\/p>\n<p>Outro plugin \u00fatil \u00e9 o plugin Advanced iFrame. Ele usa c\u00f3digos de acesso e n\u00e3o os atributos normais do iFrame e fornece uma interface do usu\u00e1rio para criar esses c\u00f3digos de acesso.<\/p>\n<p>Como o WordPress remove as tags iFrame por motivos de seguran\u00e7a, este plugin \u00e9 o melhor. Voc\u00ea pode come\u00e7ar instalando o plugin e ver\u00e1 que usar um iFrame fica mais f\u00e1cil.<\/p>\n<h3><strong>iFrame autom\u00e1tico<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/auto-iframe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b2125f23e.jpg\" alt=\"Como incorporar um iFrame do WordPress com e sem um plugin\" \/><\/a><\/p>\n<p>Esta \u00e9 uma solu\u00e7\u00e3o para incorporar iFrame em um <a href=\"https:\/\/colibriwp.com\/blog\/how-to-build-a-wordpress-website-in-2021\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">site WordPress<\/a>. Confira e aproveite com anteced\u00eancia.<\/p>\n<h3><strong>pop-up iFrame<\/strong><\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/iframe-popup\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-197221-61e8b2137f26d.jpg\" alt=\"Como incorporar um iFrame do WordPress com e sem um plugin\" \/><\/a><\/p>\n<p>O plugin iFrame pop-up WordPress \u00e9 desenvolvido para mostrar uma p\u00e1gina da web espec\u00edfica em uma janela pop-up. Ele usa o URL da p\u00e1gina da Web a ser exibida. Al\u00e9m disso, ele tamb\u00e9m usa a extens\u00e3o de caixa de fantasia jQuery para revelar o iFrame em um pop-up.<\/p>\n<h3><strong>Como incorporar iFrame no WordPress sem um plugin<\/strong><\/h3>\n<p>Para fazer isso, as etapas n\u00e3o s\u00e3o complicadas. Tudo o que voc\u00ea precisa fazer para incorporar o c\u00f3digo para um iFrame \u00e9 abrir e fechar as tags HTML e a URL da p\u00e1gina da Web que voc\u00ea deseja integrar.<\/p>\n<p>Um c\u00f3digo iFrame se parece com isso:<\/p>\n<pre><code>&lt;iFramesrc =\"your_webpage_url\"&gt;<\/code><\/pre>\n<p>Depois disso, se quiser, voc\u00ea pode trazer mais par\u00e2metros para a tag. Definir a janela do iFrame pode ser feito usando isto:<\/p>\n<ul>\n<li>Src \u2013 A fonte do iFrame, esta \u00e9 uma URL. Se o seu site tiver SSL, voc\u00ea precisa garantir que todos os iFrames comecem com https:\/\/.<\/li>\n<li>Width\/Height\u2013 Para altura e largura da janela iFrame, defina valores em Px<\/li>\n<li>borda do quadro \u2013 Para exibir ou ocultar a borda do quadro, use os valores &#8216;0&#8217; ou &#8216;1&#8217;.<\/li>\n<li>Alinhar \u2013 Para determinar o alinhamento da p\u00e1gina da janela, use os valores &#8220;esquerda&quot;, &#8220;direita&#8221;, &#8220;direita&#8221;, &#8220;superior&#8221;, &#8220;inferior&#8221;.<\/li>\n<li>Rolagem \u2013 Para desabilitar ou habilitar a rolagem dentro da janela. Use os valores &#8220;sim&#8221;, &#8220;n\u00e3o&#8221; ou<\/li>\n<\/ul>\n<p>Existem algumas limita\u00e7\u00f5es que precisamos saber sobre o URL de origem. Se voc\u00ea usa um iFrame, pode exibir apenas o conte\u00fado de outros sites que usam os mesmos protocolos de transfer\u00eancia de hipertexto que o seu.<\/p>\n<p>Portanto, se seu site come\u00e7ar com HTTPS, voc\u00ea poder\u00e1 incorporar conte\u00fado de outros sites HTTPS de terceiros. Isso tamb\u00e9m se aplica a sites que usam HTTP; eles s\u00f3 podem incorporar URLs que contenham HTTP.<\/p>\n<h3><strong>Acabando com os pensamentos sobre a incorpora\u00e7\u00e3o de um iFrame do WordPress<\/strong><\/h3>\n<p>Concluindo, saber como incorporar um c\u00f3digo iFrame \u00e9 muito \u00fatil para qualquer propriet\u00e1rio de site WordPress.<\/p>\n<p>Isso \u00e9 ainda mais verdadeiro para algu\u00e9m que depende de muito conte\u00fado para chamar a aten\u00e7\u00e3o de seus usu\u00e1rios.<\/p>\n<p>Se voc\u00ea gostou de ler este artigo sobre como incorporar um iframe do WordPress, confira este sobre <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-alterar-fontes-no-wordpress-sem-problemas\/\" title=\"como alterar fontes no WordPress\">como alterar fontes no WordPress<\/a>.<\/p>\n<p>Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-encontrar-o-id-da-pagina-no-wordpress-em-poucos-passos\/\" title=\"encontrar o ID da p\u00e1gina no WordPress\">encontrar o ID da p\u00e1gina no WordPress<\/a>, como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-baixar-a-biblioteca-de-midia-do-wordpress\/\" title=\"baixar a biblioteca de m\u00eddia do WordPress\">baixar a biblioteca de m\u00eddia do WordPress<\/a>, como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-eliminar-javascript-e-css-de-bloqueio-de-renderizacao-no-conteudo-acima-da-dobra\/\" title=\"eliminar JavaScript e CSS de bloqueio de renderiza\u00e7\u00e3o no conte\u00fado acima da dobra\">eliminar JavaScript e CSS de bloqueio de renderiza\u00e7\u00e3o no conte\u00fado acima da dobra<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-parar-um-ataque-ddos-no-seu-site-wordpress\/\" title=\"como interromper um ataque DDoS\">como interromper um ataque DDoS<\/a> e como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-ocultar-o-titulo-da-pagina-no-wordpress-um-guia-rapido\/\" title=\"ocultar o t\u00edtulo da p\u00e1gina no WordPress\">ocultar o t\u00edtulo da p\u00e1gina no WordPress<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Os plugins WordPress iFrame foram feitos para usar o elemento HTML iFrame que foi preterido no WordPress por motivos de seguran\u00e7a.<\/p>\n","protected":false},"author":1,"featured_media":197222,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[837,816,846,867],"tags":[1170],"class_list":["post-226833","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guia-para-iniciantes","category-plug-ins","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/226833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=226833"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/226833\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/197222"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=226833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=226833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=226833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}