{"id":27131,"date":"2019-09-27T02:46:57","date_gmt":"2019-09-27T09:46:57","guid":{"rendered":"https:\/\/kinsta.com\/?p=53723"},"modified":"2025-02-26T13:46:28","modified_gmt":"2025-02-26T12:46:28","slug":"wordpress-iframe","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/wordpress-iframe\/","title":{"rendered":"\u00bfC\u00f3mo incrustar el c\u00f3digo de iFrame en su sitio de WordPress? (manualmente y con plugins)"},"content":{"rendered":"

Compartir contenido es una pr\u00e1ctica bastante com\u00fan. Sin embargo, presentar el contenido de otro creador en su sitio tiene ramificaciones legales potenciales, mientras que el alojamiento de grandes archivos como los v\u00eddeos<\/a> pueden da\u00f1ar el rendimiento de su sitio<\/a>. Afortunadamente, los iFrames ofrecen una soluci\u00f3n sencilla a estos problemas.<\/p>\n

En este post, explicaremos qu\u00e9 son los iFrames y c\u00f3mo usarlos con su sitio de WordPress.<\/p>\n

\u00bfListo para sumergirte? \u00a1Vamos a ponernos manos a la obra!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

\u00bfQu\u00e9 son los iFrames (y por qu\u00e9 son \u00fatiles)?<\/h2>\n

Un iFrame es una forma de incrustar una p\u00e1gina web en el contenido de otra p\u00e1gina. Esto se hace utilizando etiquetas HTML, la URL de la p\u00e1gina externa y especificaciones sobre c\u00f3mo debe aparecer la ventana en su sitio.<\/p>\n

Hay dos situaciones en las que los iFrames son generalmente \u00fatiles.<\/p>\n

La primera es cuando desea compartir contenido que no le pertenece. En la mayor\u00eda de los casos, la incrustaci\u00f3n de contenido a trav\u00e9s de un iFrame es no se considera una infracci\u00f3n de los derechos de autor<\/a> (v\u00e9ase tambi\u00e9n el reglamento de la UE<\/a>). Por lo tanto, generalmente es un m\u00e9todo legal y m\u00e1s \u00e9tico de compartir que la mayor\u00eda de las otras opciones. Adem\u00e1s, no se puede acceder directamente al c\u00f3digo dentro de un iFrame. Esto significa que un visitante de su sitio no puede copiar el contenido incrustado y compartirlo en otro lugar.<\/p>\n

La segunda raz\u00f3n por la que puede incorporar iFrames es para compartir archivos de gran tama\u00f1o, como v\u00eddeo, audio o incluso im\u00e1genes. YouTube<\/a> es el ejemplo perfecto aqu\u00ed.<\/p>\n

Con un iFrame, puede mostrar el contenido de un archivo en su sitio web sin tener que alojarlo en el servidor. Biblioteca de medios de WordPress<\/a>. Esto es importante porque estos tipos de archivos multimedia a menudo ocupan una cantidad significativa de espacio de almacenamiento, e incluso podr\u00edan ralentizar su sitio<\/a>.<\/p>\n

Por alojar sus v\u00eddeos en una plataforma como YouTube<\/a> y luego incrustarlos en su sitio WordPress con iFrames, puede evitar los inconvenientes de subirlos directamente a su sitio. Esta t\u00e9cnica le ayudar\u00e1 a convertirse en un miembro m\u00e1s \u00e9tico de la comunidad en l\u00ednea mantenga su sitio r\u00e1pido<\/a> y f\u00e1cil de usar.<\/p>\n

\u00bfC\u00f3mo usar iFrames con WordPress? (3 m\u00e9todos)<\/h2>\n

Del mismo modo que existen varios escenarios en los que podr\u00eda querer utilizar un iFrame, existen m\u00faltiples m\u00e9todos para implementar uno. A continuaci\u00f3n, exploraremos tres de las formas m\u00e1s comunes de a\u00f1adir iFrames a su sitio de WordPress.<\/p>\n

1. A\u00f1adir iFrames en WordPress manualmente<\/h3>\n

El c\u00f3digo b\u00e1sico para a\u00f1adir un iFrame a una p\u00e1gina es bastante simple. Todo lo que necesita son las etiquetas HTML de apertura y cierre, y la URL de la p\u00e1gina web que desea incrustar:<\/p>\n

<iframe src=\"example.com\"><\/iframe><\/code><\/pre>\n
Hay un par de limitaciones a tener en cuenta con respecto a la URL de origen. En primer lugar, los iFrames s\u00f3lo pueden mostrar contenido de sitios que utilizan el mismo protocolo de transferencia de hipertexto<\/a> que el suyo. En otras palabras, si su sitio utiliza HTTPS, s\u00f3lo puede incrustar contenido de otros sitios HTTPS. Del mismo modo, si utiliza HTTP, s\u00f3lo puede incrustar URLs que tambi\u00e9n utilicen HTTP.<\/p>\n
Adem\u00e1s, algunos sitios web populares – tales como Facebook<\/a> y YouTube: desactiva la incrustaci\u00f3n manual de iFrame. Si intenta mostrar una p\u00e1gina de un sitio que no permite incrustar iFrame, aparecer\u00e1 un error en su ventana:<\/p>\n
\"Incrustaci\u00f3n
Incrustaci\u00f3n de iFrame deshabilitada<\/figcaption><\/figure>\n
Si puede utilizar este m\u00e9todo, es importante que sepa que tambi\u00e9n puede personalizar sus iFrames para satisfacer las necesidades de su sitio. Ah\u00ed es donde entran en juego los par\u00e1metros de iFrame. Algunos de los m\u00e1s comunes incluyen:<\/p>\n