Cómo incorporar fácilmente el código de iframe en WordPress (3 métodos)

¿Le gustaría incorporar un código de iframe en una publicación o página de WordPress? IPhragms ofrece una manera fácil de incorporar videos u otro contenido en su sitio sin cargarlos. Muchas plataformas de terceros, como YouTube, permiten a los usuarios usar iframe para incorporar contenido en su sitio web. En este artículo, le mostraremos cómo incorporar fácilmente el código iframe en WordPress utilizando múltiples métodos.

¿Qué es iframe? Un iframe le permite incorporar videos u otro contenido en su sitio. Esto significa que puede mostrar un video en su sitio sin alojar ese video.
Iframe es como abrir una ventana en su sitio para mostrar contenido externo. El contenido real aún se carga desde la fuente desde la que incorpora. Para agregar un iframe, debe agregar un código HTML especial. No se preocupe si suena bastante técnico. Le mostraremos la forma más fácil de incorporar un iPhrame en su blog de WordPress. ¿Por qué usar iframes? Una razón clave para usar iframes es evitar alojar videos u otros recursos en su sitio, que consumirán su ancho de banda y almacenamiento. Los iframes también le permiten evitar violar el contenido protegido de otras personas. En lugar de descargar el video u otro contenido, suba a su sitio, simplemente agréguelo a su página usando un iframe.
Otra ventaja es que si se modifica el contenido original, se actualizará automáticamente en iframe.

También hay algunas desventajas del uso de iframes. No todos los sitios web le permiten ingresar el contenido en un iframe. IPhrame también puede llegar demasiado grande o pequeño para su página y tendrá que ajustarla manualmente. Otro problema es que los sitios HTTPS solo pueden usar iFrames para contenido de otros sitios HTTPS. Del mismo modo, los sitios HTTP solo pueden usar iFrames para contenido en otros sitios HTTP. Esta es la razón por la cual muchas plataformas como WordPress prefieren Ombed. Puede usar Ombed para incorporar videos, así como otros tipos de contenido, simplemente pegando una URL a su publicación de WordPress. El contenido se cambiará el tamaño automáticamente para que coincida y tendrá el tamaño correcto incluso en los dispositivos móviles. Para obtener más detalles sobre esto, consulte nuestra guía completa sobre el problema ombrado de Facebook / Instagram y cómo remediarlo. Otra excelente alternativa a iframes es el uso de un complemento para flujos sociales. Recomendamos usar complementos de globo Smash. Estos le permiten mostrar contenido en Facebook, Instagram, Twitter y YouTube. Dicho esto, para echar un vistazo a tres formas diferentes de agregar iframe a su sitio 1. Use el código de incorporación de origen para agregar iframe a WordPress, muchos grandes sitios tienen una opción para su contenido. Esto le brinda el código especial de iframe que necesita agregar en su sitio.
En YouTube, puede obtener este código accediendo al video en YouTube y luego haciendo clic en el botón Distribuir debajo de él.
Luego verá una ventana emergente con múltiples opciones de intercambio. Simplemente haga clic en el botón Incorporar. Ahora, YouTube le mostrará el código de iframe. Por defecto, YouTube incluirá comandos de jugadores. También recomendamos trabajar en el modo de confidencialidad mejorada. Después de eso, continúe y haga clic en el botón de la copiadora para copiar el código.

Ahora, puede insertar el código en cualquier publicación o página en su sitio. Lo agregaremos a una nueva página del editor de bloques.

Para crear una nueva página, vaya a páginas »Agregue nuevo al tablero de WordPress. Luego agregue un bloque HTML a su página.

Ahora tiene que pegar el código de YouTube de iframe a este bloque.
Luego puede obtener una vista previa o publicar la página para ver el video de YouTube incorporado allí.

Consejo: si usa el editor clásico antiguo, puede continuar agregando código iframe. Tienes que hacer esto en la vista de texto.


El cambio entre la visualización visual y el texto en el editor clásico puede causar problemas con el código de iframe. 2. El uso del complemento de WordPress iPhamame para incorporar un iframe este método es útil, ya que le permite crear un iframe para incorporar contenido de cualquier fuente, incluso si la fuente no proporciona un código de incorporación.

Primero, debe instalar y activar el complemento iframe. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Después de la activación, el complemento comenzará a funcionar de inmediato, sin la necesidad de configurar. Continuar y editar o crear una publicación o página. Luego agregue un bloque de código corto.

Después de eso, puede usar este código corto para ingresar el código de iframe. [Iframe src = “URL Goes aquí”] SIMP Reemplace la URL va aquí con el contenido del contenido que desea incorporar en su sitio. Incorporamos un mapa de Google. Obtenga el contenido directo del contenido. Debe usar solo la URL, no el resto del código de incorporación.
Luego previsualice o publique la publicación. Debería ver el mapa de Google incorporado en su sitio.

Opcionalmente, puede agregar parámetros al código breve iframe para cambiar cómo mostrar el contenido creado. Por ejemplo, puede establecer el ancho y la altura y agregar o eliminar una barra de desplazamiento o borde. Puede encontrar detalles en la página del complemento iframe. Consejo: si usa el editor clásico, simplemente puede pegar el código corto en su publicación o página que no necesita ir a la vista de texto.
3. Creación manual del código de iframe e incorporación en WordPress Si prefiere no usar un complemento iframe, entonces puede crear el código iframe manualmente. Para hacer esto, debe agregar un bloque HTML al editor de contenido de WordPress.

Primero, debe pegar este código al bloque HTML. simplemente reemplace “URL va aquí” con la URL directa del contenido que desea incorporar. Solo necesitas la URL en sí. Aquí, incorporamos un mapa de Google.

Puede agregar parámetros adicionales a la etiqueta HTML.Por ejemplo, puede establecer el ancho y la altura de su iframe.> Esto es útil si tiene que restringir el contenido incorporado a un espacio más pequeño.

Esperamos que este artículo lo ayude a aprender cómo incorporar fácilmente el código de iframe en WordPress.También le recomendamos que consulte nuestra guía final sobre cómo acelerar su sitio web de WordPress y nuestra comparación con las mejores herramientas de investigación de palabras clave para mejorar su clasificación de SEO.Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress.También puede encontrarnos en Twitter y Facebook.