Cómo incorporar el código de iframe en su sitio de WordPress (manual y complementos)

El intercambio de contenido es una práctica bastante común. Sin embargo, presentar el contenido de otro creador en su sitio. Tiene ramificaciones legales potenciales, mientras que alojar archivos grandes, como videos, puede afectar el rendimiento de su sitio, iframes ofrece una solución simple a estos problemas.
En esta publicación, explicaremos qué son iFrames y cómo usarlos con su sitio de WordPress. ¿Estás listo para hundirte? ¡Vamos a agrietar!
¿Qué son iframs (y por qué son útiles)? Un iPhrame es una forma de incorporar una página web en el contenido de otra página. Esto se realiza utilizando etiquetas HTML, URL de la página externa y especificaciones sobre cómo debe aparecer la ventana en su sitio.
Hay dos situaciones en las que los Iframs son generalmente útiles. La primera es cuando quieres compartir contenido que no te pertenece. En la mayoría de los casos, la incorporación de contenido a través de un iframe no se considera una violación de derechos de autor (consulte la decisión de la UE). Por lo tanto, generalmente es un método más ético para compartir que la mayoría de las otras opciones. Además, no se puede acceder directamente al código en un iframe. Esto significa que un visitante de su sitio no puede copiar el contenido incorporado y puede compartirlo en otro lugar. La segunda razón por la que es posible que desee incorporar iPhrame es compartir archivos grandes, como video, audio o incluso imágenes. YouTube es el ejemplo perfecto aquí.
Con un iframe, puede mostrar el contenido de un archivo en su sitio sin tener que alojarlo en su Media WordPress. Esto es importante porque este tipo de archivos multimedia a menudo ocupan una cantidad significativa de espacio de almacenamiento e incluso podrían ralentizar su sitio al alojar sus videos en una plataforma como YouTube y luego incorporarlos en su sitio web de WordPress con Iframes, puede evitar las desventajas de Cargándolos directamente en su sitio. Esta técnica lo ayudará a hacer un miembro más ético de la comunidad en línea y mantener su sitio rápido y fácil de usar. Cómo usar iFrames con WordPress (3 métodos), ya que hay varios escenarios en los que puede desee Para usar un iframe, hay varios métodos para implementar uno. A continuación, exploraremos tres de las formas más comunes de agregar iframe a su sitio web de WordPress. 1. Agregue iFrames manuales a WordPress El código básico para agregar un iframe a una página es bastante simple. Todo lo que necesita son las etiquetas de apertura y cierre de HTML y la URL de la página web que desea incorporar: Hay algunas limitaciones que deben tenerse en cuenta en la fuente de URL. En primer lugar, los iFrames solo pueden mostrar contenido en sitios que usan el mismo protocolo de transferencia de hipertexto que el suyo en otras palabras, si su sitio usa HTTPS, solo puede incorporar contenido de otros sitios HTTPS. Además, si usa HTTP, solo puede incorporar URL usando HTTP.
Además, algunos sitios web populares, como Facebook y YouTube, deshabilitan la incorporación manual de iframe. Intentar mostrar una página desde un sitio que no permite la incorporación de iframe mostrará un error en su ventana: iframe Corporation está desactivado si puede usar este método, es importante saber que puede personalizar su iframe para responder al sitio Necesita que sus parámetros de iframe intervengan aquí. Algunos de los más ordinarios incluyen:
Ancho: este parámetro le permite establecer un ancho específico para iframe en píxeles.

Altura: al igual que el parámetro de ancho, la altura determina el tamaño de la ventana iframe en la página web en los píxeles.
Permitir: con este parámetro, puede establecer ciertos comportamientos o valores predeterminados para iframe, como visualización o pagos de pantalla completa.
Importancia: puede usar este parámetro para especificar cuándo se debe cargar un iframe.
Por ejemplo, este es el código para un iframe con un tamaño de 900 píxeles de 700 píxeles, con una vista de pantalla completamente activada, que está configurada para descargar después del resto de la página web.
en la parte delantera, entonces podría eso iframe:
Cómo se ve un iFrame en el front-end hay otros parámetros que podría considerar. Sin embargo, los enumerados anteriormente deberían permitirle crear marcos básicos de iframe para compartir videos de YouTube u otro contenido en su sitio web 2. Use códigos de incorporación para crear fallas de iframe Algunos sitios tienen restricciones con respecto a la posibilidad de incorporar manualmente su contenido en Iframes. Esto puede dificultar la presentación de ciertos tipos de contenido, como publicaciones de Facebook o videos de YouTube. Sin embargo, esto no significa que no pueda mostrar contenido de estas fuentes en iframe. Más bien, simplemente tiene que acceder a los códigos de incorporación necesarios para hacerlo. Veamos cómo funciona esto en YouTube como ejemplo. Vaya al video que desea incorporar, ya sea tuyo u otro creador. Bajo el reproductor de video, deberías ver un botón para compartir:
La función de distribución de YouTube Haga clic en este botón y se abrirá una ventana que muestra las diversas opciones de intercambio disponibles. Uno de ellos está incrustado:

La función de incorporación de YouTube Al seleccionar la opción de incorporación, YouTube mostrará un fragmento HTML que puede usar para agregar el video a un iframe. Incluye ciertos parámetros de iframe, que puede copiar y usar si lo desea. De lo contrario, puede elegir simplemente copiar la URL de origen:
Regístrese para el boletín

¿Quieres saber cómo aumentar nuestro tráfico por más del 1000%? ¡Únase a las más de 20,000 personas que reciben nuestro boletín semanal con los consejos de WordPress!

Suscríbase ahora
El código de incorporación de YouTube Al usar el código de incorporación, el video se mostrará en su iframe en lugar del error que vería si estaba intentando usar la URL estándar. Para agregarlo a una página o publicación en el editor de bloques, puede usar un bloque HTML personalizado: incorporar iframe como un bloque HTML personalizado en el editor clásico, deberá cambiar al editor de texto y agregar el código al punto relevante :
La incorporación de imprenso como HTML personalizada en el editor clásico, el resultado debe ser un iframe funcional:

Iframe correcto en WordPress Puede seguir un proceso similar para incorporar una publicación de Facebook.

Función de incorporación de Facebook y luego seleccione la opción de incorporación:

¿Te cansaste de apoyar para el host 1 subparte de WordPress, sin respuestas? ¡Prueba nuestro equipo de asistencia de clase mundial! Revise nuestros planes

Seleccione la función de incorporación de Facebook Esto mostrará un fragmento HTML similar al del video de YouTube que vimos anteriormente. Una vez más, la URL de origen es la parte más importante de este código, aunque puede usar parámetros predeterminados:

El código iframe de Facebook agregue este código a su página web y la publicación debe mostrarse sin ningún problema:

El Iphrame de Facebook incorporó en WordPress, muchos sitios de redes sociales populares, incluidos LinkedIn, Instagram y Twitter, también ofrecen códigos de incorporación para sus publicaciones. Por lo general, encontrará esta opción en la configuración de cada publicación individual.
(Lectura sugerida: cómo remediar el problema de Facebook de WordPress) 3. Agregue iFrames a WordPress usando un complemento, por supuesto, los desarrolladores de WordPress siempre trabajan para simplificar tareas como incorporar IFRAM mediante el uso de complementos.Hay dos opciones que puede considerar si incorporar contenido externo en su sitio es algo que tiene la intención de hacer con frecuencia.La solución más popular es el complemento Iframe: complemento WordPress iframe Este complemento le permite agregar iframe a su sitio de WordPress utilizando códigos cortos.Puede especificar los mismos parámetros que al agregar un iframe a través de HTML.Sin embargo, no tiene que preocuparse de que esté tratando directamente con el código de sus páginas alternativas, también puede probar el complemento Avanzado iframe:

Plugin WordPress Advanced iframe una vez más, este complemento le permite agregar iframe a su sitio utilizando códigos cortos. Sin embargo, también incluye algunas funciones adicionales, como códigos de seguridad para evitar que otros usuarios incorporen iframe sin su permiso, opciones de estilo personalizadas y más. Por $ 20, puede actualizar a una licencia avanzada de iframe Pro durante seis meses. Esta versión produce iframe receptivo y permite funciones como zoom y funcionalidad de carga perezosa. Dependiendo de con qué frecuencia planea usar iframe en su sitio, estas opciones pueden valer el precio superior. ¿Tiene que presentar un video, clips de audio o el contenido de otra persona en su sitio? ¡Descubra cómo incorporar el código de iframe en WordPress con esta guía exhaustiva! ️ Haga clic para enviar el resumen de tweet Es esencial mantener su sitio para funcionar bien en el lado derecho de la ley. Iframes no solo lo ayudará a compartir el contenido de otros de manera ética, sino que también le permitirá mostrar archivos de video y audio sin tener que alojarlos en su sitio en esta publicación, hemos analizado tres métodos de uso de iframs con WordPress: Incorporar manualmente los sitios de WordPress e iframe.

Use códigos de incorporación para crear iframe.

Agregue iframe usando un complemento de WordPress, como iPhame o iPhamame avanzado.
¿Tiene alguna pregunta sobre iframe o cómo usarlas en su sitio web de WordPress? ¡Háganos saber en la sección de comentarios!