{"id":226583,"date":"2022-09-05T14:20:00","date_gmt":"2022-09-05T11:20:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226583"},"modified":"2022-11-08T19:59:06","modified_gmt":"2022-11-08T16:59:06","slug":"como-incrustar-un-iframe-de-wordpress-con-y-sin-complemento","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/como-incrustar-un-iframe-de-wordpress-con-y-sin-complemento\/","title":{"rendered":"C\u00f3mo incrustar un iFrame de WordPress con y sin complemento"},"content":{"rendered":"\n<p>Compartir o presentar el contenido de otros creadores de su lado puede tener dificultades legales.<\/p>\n<p>Aqu\u00ed es donde incrustar un c\u00f3digo iframe ofrece una soluci\u00f3n simple.<\/p>\n<p>Si tiene un sitio web de WordPress que se centra en los medios, entonces es esencial que el contenido que desea proporcionar a su audiencia sea relevante y llegue a ellos.<\/p>\n<p>Aqu\u00ed debemos ser conscientes de nuestro espacio de alojamiento y no consumirlo por completo.<\/p>\n<p>Este art\u00edculo creado por nuestro equipo en <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a>, el <strong>complemento n.\u00ba 1 para tablas y gr\u00e1ficos<\/strong>, lo ayuda a comprender c\u00f3mo puede usar un iFrame de WordPress, qu\u00e9 es y c\u00f3mo puede incrustarlo en su sitio.<\/p>\n<h3><strong>\u00bfQu\u00e9 es un iFrame de 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=\"C\u00f3mo incrustar un iFrame de WordPress con y sin complemento\" ><\/a><\/p>\n<p>Al usar un iFrame de WordPress, puede incrustar una p\u00e1gina web en el contenido de otra. Esto se hace mediante el uso de etiquetas HTML cl\u00e1sicas que contienen el enlace de la p\u00e1gina externa. Tambi\u00e9n se pueden agregar otras especificaciones, como c\u00f3mo aparece la ventana, en el bloque HTML personalizado.<\/p>\n<p>Esto significa que puede tener una p\u00e1gina din\u00e1mica en su sitio sin alojar el contenido en el servidor. Esto ahorra mucho espacio y hace que su sitio web se mueva m\u00e1s r\u00e1pido para sus usuarios.<\/p>\n<p>Al mismo tiempo, si incrusta y no descarga, digamos un video, los videos pueden aparecer en su sitio.<\/p>\n<p>Los usuarios pueden ver los videos sin ninguna carga adicional en sus servicios. Esto es inteligente porque los videos que se transmiten provienen directamente del servidor de la fuente.<\/p>\n<p>Puede usar iFrames en casi cualquier sitio web o p\u00e1gina web, y ya estamos empezando a entender por qu\u00e9. Al usar iFrames, muchos propietarios de sitios crean un medio que ayuda a mostrar el contenido o las p\u00e1ginas web de otras fuentes. Puedes hacer todo esto sin preocuparte de que necesites ning\u00fan permiso de derechos de autor.<\/p>\n<p>Si utiliza iFrames, tambi\u00e9n puede mostrar el contenido de su sitio sin necesidad de alojarlo en la biblioteca multimedia de WordPress.<\/p>\n<p>\u00bfPorque es esto importante?<\/p>\n<p>La respuesta es bastante simple, todos los archivos multimedia han ocupado una cantidad significativa del espacio de almacenamiento e incluso podr\u00eda ralentizar su sitio.<\/p>\n<h3><strong>\u00bfPor qu\u00e9 usar un iFrame de 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=\"C\u00f3mo incrustar un iFrame de WordPress con y sin complemento\" ><\/a><\/p>\n<p>iFrame ayuda a que el sitio web ahorre espacio de almacenamiento y sea m\u00e1s r\u00e1pido. Hay muchos usuarios en la web para incrustar iFrame en WordPress sin un complemento. Esto incluye videos, im\u00e1genes, otros sitios y m\u00e1s. Incluso puede usar iFrame para ahorrar espacio de almacenamiento al incorporar contenido de otros servicios.<\/p>\n<p>Por supuesto, existen bastantes m\u00e9todos para incrustar contenido, como usar elementos web AJAX o HTML5 u otros. Sin embargo, en muchos casos, iFrame es una mejor opci\u00f3n. Por un lado, la incrustaci\u00f3n de iFrame se est\u00e1 utilizando para contenido de dominio cruzado. Al hacerlo, un usuario del sitio web puede solicitar los recursos seleccionados de un sitio web separado y verlos sin manipular el elemento.<\/p>\n<p>Aqu\u00ed hay algunas ventajas de usar WordPress iFrame:<\/p>\n<ul>\n<li>Te permite incrustar contenido visual gratis<\/li>\n<li>Puedes mostrar varios anuncios<\/li>\n<li>Es una forma sencilla de ver contenido de fuentes externas sin ning\u00fan problema.<\/li>\n<li>Es seguro y no necesita acceder al c\u00f3digo de contenido original<\/li>\n<\/ul>\n<h2><strong>Incrustar iframes en WordPress con un complemento<\/strong><\/h2>\n<p>Los complementos de WordPress iFrame se crearon para usar el elemento HTML iFrame que qued\u00f3 obsoleto en WordPress por razones de seguridad. Esto le permite personalizar la funcionalidad de iFrame con solo algunos clics. Ya no es necesario ning\u00fan c\u00f3digo iFrame.<\/p>\n<p>Los complementos admiten c\u00f3digos cortos para insertar iFrame. Se pueden agregar en cualquier secci\u00f3n del sitio web, como pie de p\u00e1gina, widgets, etc. El iFrame puede mostrar cualquier otro sitio web f\u00e1cilmente y puede personalizar varios atributos del mismo.<\/p>\n<p>A continuaci\u00f3n, vamos a ver los cinco mejores complementos de WordPress iFrame:<\/p>\n<h3><strong>marco flotante<\/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=\"C\u00f3mo incrustar un iFrame de WordPress con y sin complemento\" \/><\/a><\/p>\n<p>El complemento iFrame ofrecer\u00e1 excelentes resultados. Tiene las mismas funciones que incrustar un iFrame, pero se genera mediante un c\u00f3digo abreviado simple. Aqu\u00ed hay un ejemplo de c\u00f3mo usar el c\u00f3digo abreviado para este complemento de WordPress:<\/p>\n<pre><code>[iFrame  data-src=\"https:\/\/www.YouTube.com\/embed\/fd0k_hbXWcQ\" width=\"100%\" height=\"400\"]<\/code><\/pre>\n<h3><strong>Embebedor de video receptivo avanzado<\/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=\"C\u00f3mo incrustar un iFrame de WordPress con y sin complemento\" \/><\/a><\/p>\n<p>Este complemento es excelente para aquellos que incrustan videos de YouTube o Vimeo en su sitio web de WordPress.<\/p>\n<p>Con la ayuda de este complemento, puede traer videos en un formato receptivo y directo a su sitio.<\/p>\n<p>Este complemento de WordPress tambi\u00e9n agrega un bot\u00f3n de incrustaci\u00f3n de video en el editor de texto de WordPress y, con su ayuda, puede incrustar f\u00e1cilmente videos de diferentes sitios web.<\/p>\n<h3><strong>Marco flotante avanzado<\/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=\"C\u00f3mo incrustar un iFrame de WordPress con y sin complemento\" \/><\/a><\/p>\n<p>Otro complemento \u00fatil es el complemento iFrame avanzado. Utiliza c\u00f3digos abreviados y no los atributos regulares de iFrame y proporciona una interfaz de usuario para crear esos c\u00f3digos abreviados.<\/p>\n<p>Como WordPress elimina las etiquetas iFrame por motivos de seguridad, este complemento es el mejor. Puede comenzar instalando el complemento y luego ver\u00e1 que usar un iFrame se vuelve m\u00e1s 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=\"C\u00f3mo incrustar un iFrame de WordPress con y sin complemento\" \/><\/a><\/p>\n<p>Esta es una soluci\u00f3n para incrustar iFrame en un <a href=\"https:\/\/colibriwp.com\/blog\/how-to-build-a-wordpress-website-in-2021\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sitio web de WordPress<\/a>. Compru\u00e9balo y aprovecha.<\/p>\n<h3><strong>ventana emergente 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=\"C\u00f3mo incrustar un iFrame de WordPress con y sin complemento\" \/><\/a><\/p>\n<p>El complemento de WordPress emergente iFrame est\u00e1 desarrollado para mostrar una p\u00e1gina web espec\u00edfica en una ventana emergente. Utiliza la URL de la p\u00e1gina web a mostrar. Adem\u00e1s de eso, tambi\u00e9n usa la extensi\u00f3n jQuery fancy box para revelar el iFrame en una ventana emergente.<\/p>\n<h3><strong>C\u00f3mo incrustar iFrame en WordPress sin un complemento<\/strong><\/h3>\n<p>Para ello, los pasos no son nada complicados. Todo lo que necesita hacer para incrustar el c\u00f3digo para un iFrame es abrir y cerrar las etiquetas HTML y la URL de la p\u00e1gina web que desea integrar.<\/p>\n<p>Un c\u00f3digo iFrame se ve as\u00ed:<\/p>\n<pre><code>&lt;iFramesrc =\"your_webpage_url\"&gt;<\/code><\/pre>\n<p>Despu\u00e9s de eso, si lo desea, puede agregar m\u00e1s par\u00e1metros a la etiqueta. La definici\u00f3n de la ventana del iFrame se puede hacer usando esto:<\/p>\n<ul>\n<li>Src: la fuente del iFrame, esta es una URL. Si su sitio tiene SSL, debe asegurarse de que todos los iFrames comiencen con https:\/\/.<\/li>\n<li>Ancho\/Alto: para el alto y el ancho de la ventana iFrame, defina valores en Px<\/li>\n<li>borde del marco: para mostrar u ocultar el borde del marco, use los valores &#8216;0&#8217; o &#8216;1&#8217;.<\/li>\n<li>Alinear: para determinar la alineaci\u00f3n de la p\u00e1gina de la ventana, use los valores &quot;izquierda&quot;, &quot;derecha&quot;, &quot;derecha&quot;, &quot;arriba&quot;, &quot;abajo&quot;.<\/li>\n<li>Desplazamiento: para habilitar o deshabilitar el desplazamiento dentro de la ventana. Utilice los valores &quot;s\u00ed&quot;, &quot;no&quot; o<\/li>\n<\/ul>\n<p>Hay algunas limitaciones que debemos conocer sobre la URL de origen. Si usa un iFrame, puede mostrar solo el contenido de otros sitios que usan los mismos Protocolos de transferencia de hipertexto que el suyo.<\/p>\n<p>Entonces, si su sitio web comienza con HTTPS, puede incrustar contenido de otros sitios HTTPS de terceros. Esto tambi\u00e9n se aplica a los sitios que usan HTTP; solo pueden incrustar URL que contengan HTTP.<\/p>\n<h3><strong>Pensamientos finales sobre la incrustaci\u00f3n de un iFrame de WordPress<\/strong><\/h3>\n<p>En conclusi\u00f3n, saber c\u00f3mo incrustar un c\u00f3digo iFrame es muy \u00fatil para cualquier propietario de un sitio de WordPress.<\/p>\n<p>Esto es a\u00fan m\u00e1s cierto para alguien que depende de mucho contenido para llamar la atenci\u00f3n de sus usuarios.<\/p>\n<p>Si disfrut\u00f3 leyendo este art\u00edculo sobre c\u00f3mo incrustar un iframe de WordPress, debe consultar este sobre <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-cambiar-las-fuentes-en-wordpress-sin-problemas\/\" title=\"c\u00f3mo cambiar las fuentes en WordPress\">c\u00f3mo cambiar las fuentes en WordPress<\/a>.<\/p>\n<p>Tambi\u00e9n escribimos sobre algunos temas relacionados, como <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-encontrar-el-id-de-la-pagina-en-wordpress-en-unos-pocos-pasos\/\" title=\"c\u00f3mo encontrar el ID de la p\u00e1gina en WordPress\">c\u00f3mo encontrar el ID de la p\u00e1gina en WordPress<\/a>, c\u00f3mo <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-descargar-la-biblioteca-multimedia-de-wordpress\/\" title=\"descargar la biblioteca de medios de WordPress\">descargar la biblioteca de medios de WordPress<\/a>, c\u00f3mo <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-eliminar-javascript-y-css-que-bloquean-la-representacion-en-el-contenido-de-la-mitad-superior-de-la-pagina\/\" title=\"eliminar JavaScript y CSS que bloquean el procesamiento en el contenido de la mitad superior de la\">eliminar JavaScript y CSS que bloquean el procesamiento en el contenido de la mitad superior de la<\/a> p\u00e1gina, <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-detener-un-ataque-ddos-en-su-sitio-web-de-wordpress\/\" title=\"c\u00f3mo detener un ataque DDoS\">c\u00f3mo detener un ataque DDoS<\/a> y C\u00f3mo <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-ocultar-el-titulo-de-la-pagina-en-wordpress-una-guia-rapida\/\" title=\"ocultar el t\u00edtulo de la p\u00e1gina en WordPress\">ocultar el t\u00edtulo de la p\u00e1gina en WordPress<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los complementos de WordPress iFrame se crearon para usar el elemento HTML iFrame que qued\u00f3 obsoleto en WordPress por razones de seguridad.<\/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":[810,831,840,861],"tags":[1172],"class_list":["post-226583","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-complementos","category-guia-para-principiantes","category-tutoriales","category-wordpress-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/226583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=226583"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/226583\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/197222"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=226583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=226583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=226583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}