iFrame Pro avanzado v 2022
Incluya contenido de la manera que USTED prefiera en un iframe que puede ocultar y modificar elementos y reenviar parámetros. También puede incrustar contenido directamente o mostrar una parte de un iframe.
¡Consulte la sección de inicio rápido antes de comprar! ¡Allí descubrirá qué características están disponibles para usted! Por ejemplo, para cambiar el tamaño del contenido a la altura o modificar el css de un iframe remoto, ¡NECESITA AGREGAR UNA LÍNEA DE JAVASCRIPT A LA PÁGINA REMOTA! ¡Tampoco puede incluir páginas HTTP en páginas HTTPS!
Debe tener conocimientos básicos de html/css para poder identificar los elementos de su página web.
En el mismo dominio o si puede usar la solución alternativa externa, puede cambiar el tamaño del iframe a la altura del iframe. También se detectan cambios de tamaño dinámico en el iframe e incluso se admite la altura automática de elementos ocultos.
Incluso si NO está en el mismo dominio y NO puede modificar la página externa, puede mostrar una parte del iframe remoto. Con el selector de área incluido, simplemente puede seleccionar el área que desea mostrar con el mouse. También puede ocultar ciertas áreas de la otra página. ¡Para una integración perfecta, también se admite el zoom!
Puede ampliar el contenido de un iframe con una proporción fija y también mediante el zoom automático, que calcula el factor según el tamaño del navegador. Especialmente en páginas que no responden, esta puede ser la única solución para dispositivos móviles.
Puede cambiar dinámicamente el css del padre y, dependiendo de su configuración, incluso de la página iframe también. Por lo tanto, puede ocultar elementos como encabezados y pies de página o sobrescribir tamaños estáticos para que la página responda mejor.
La carga diferida es la característica perfecta para mejorar el tiempo de carga de su página. Entonces, primero se carga su página principal y luego el iframe. También puede cargar el iframe cuando solo está visible o cargar el iframe con un clic en un botón.
La carga de iframes a menudo requiere más tiempo. Entonces, ahora puede mostrar a sus usuarios un ícono de carga hasta que el iframe esté completamente cargado.
Advanced iframe pro tiene varias opciones para hacer que sus iframes respondan. También se admiten vídeos. Consulte esta entrada de blog para obtener más detalles.
Muchos sitios web se ven diferentes en diferentes dispositivos. Con la detección del navegador incluida, puede mostrar diferentes iframes o diferentes partes de un iframe según el dispositivo detectado.
Puede cambiar dinámicamente los objetivos del enlace del padre y, dependiendo de su configuración, incluso de la página iframe también. ¡En el iframe, incluso los enlaces se pueden cambiar ahora! Esto también habilita la función de que los enlaces se pueden abrir directamente en una capa adicional en un iframe. ¡Para que los usuarios no abandonen su página web incluso cuando seleccionan enlaces externos! También se puede incluir un encabezado/pie de página personalizado en la capa.
De forma predeterminada, no todas las versiones de IOS admiten el desplazamiento dentro de un iframe. ¡Se realiza una solución alternativa de IOS combinada con la detección del navegador en el complemento, ya que la solución alternativa de IOS no funciona en otros sistemas!
Se admiten muchas opciones para analizar parámetros. Puede reenviar parámetros desde el padre y tiene muchos marcadores de posición como el nombre de usuario actual de WordPress. Incluso puede agregar la URL de iframe como parámetro a la URL principal para poder marcar la página seleccionada actual.
Se incluye un widget para agregar iframes o incluso cualquier shortcode en sus áreas de widgets.
Esta función le permite ofrecer partes de su sitio web con solo 2 líneas de código (js + iframe). Consulte el «filtro de contenido» y la solución «Agregar ai_external.js local».
¡El verificador de iframe ahora está incluido internamente y también puede verificar una vez al día todos sus iframes! ¡Desde la versión 2020, esto se hace en paralelo Y también verifica iframe que NO son iframes iframe avanzados! ¡Entonces puede monitorear iframes ya existentes si todavía se pueden incluir! Todos los que usan iframes deben usar estas funciones para asegurarse de que los usuarios no vean páginas en blanco de repente.
¡Puede usar este complemento no solo en WordPress sino en cualquier página php donde pueda insertar algunas líneas de código!
Safari e IE no admiten muy bien las cookies en iframes de forma predeterminada. También todos los demás navegadores se pueden configurar para que esto no funcione. ¡La cookie de terceros en la solución alternativa de iframe proporciona una posible solución para esto!
También se incluye un bloque de Gutenberg para agregar fácilmente un iframe con vista previa a su editor.
Guía de inicio rápido
La guía de inicio rápido también está disponible como videotutorial.
Para incluir una página web en su página, compruebe primero lo siguiente:
- Compruebe si la página de su página puede incluirse:
http://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker! - Compruebe si la página iframe y la página principal son el mismo dominio. ¡www.example.com y text.example.com son dominios diferentes!
- ¿Puedes modificar la página que debería incluirse?
Lo más probable es que tenga una de las siguientes configuraciones:
- No se puede incluir iframe: no puede incluir el contenido porque el propietario no lo permite.
- Se puede incluir iframe y se encuentra en un dominio diferente: consulte el cuadro de comparación de funciones y el resumen de disponibilidad de funciones. Para cambiar el tamaño del contenido a la altura/anchura o modificar css necesita modificar la página iframe remota agregando una línea de Javascript para habilitar la solución proporcionada.
- Se puede incluir iframe y está en el mismo dominio: se pueden usar todas las funciones del complemento.
Consulte en el cuadro de comparación de funciones qué funciones están disponibles en detalle para su configuración. ¡Haz esto antes de comprar! http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart
Para ingresar un iframe simple, vaya a la administración y siga las instrucciones en la pestaña de configuración básica. Allí puede usar un código abreviado básico y establecer la configuración en la administración o sobrescribir la configuración directamente en el código abreviado. Lea también las preguntas frecuentes y vea los ejemplos gratuitos y profesionales.
Los usuarios avanzados que tienen su propio servidor también pueden configurar un proxy inverso si la página iframe está en un dominio diferente y no pueden usar la solución alternativa externa. Vea este blog para más detalles.
Si mezclas http y https, lee este blog. ¡Los padres https e iframe http no funcionan en todos los navegadores principales!
Instalación
- Instale el zip con el instalador de complementos predeterminado de WordPress o cargue la carpeta ‘advanced-iframe’ desde el archivo zip al directorio ‘/wp-content/plugins’. Asegúrese de que el archivo advanced-iframe.php esté en el directorio /wp-content/plugins/advanced-iframe
- Active el complemento a través del menú ‘Complementos’ en WordPress
- Lugar ‘[advanced_iframe]’ en tus páginas o publicaciones. La clave de seguridad opcional se puede encontrar en Configuración -> Advanced iFrame Pro
Actualizar/Actualizar
Nuevo WordPress 5.5. Simplemente descargue la nueva versión e instálela. WordPress detecta que el complemento está instalado y le pregunta si desea actualizarlo. Simplemente haga clic en Sí y listo. Todos los ajustes están en la base de datos. Así que nada se pierde. ¡Guarde la configuración avanzada de iframe una vez para actualizar el ai_external.js generado a la última versión!
Simplemente descargue el archivo zip de codecanyon y sobrescriba todos los archivos de su instalación anterior con ftp o desinstale el complemento (gratis o pro) e instale la nueva versión nuevamente. Todos los ajustes se almacenan en la base de datos para que no pierda nada. También use esta forma si ha usado la versión personal que puede obtener en wordpress.org. Si tiene algunos elementos de radio vacíos después de la actualización, simplemente seleccione el que le gusta y guárdelo nuevamente.
¡Guarde la configuración avanzada de iframe una vez para actualizar el ai_external.js generado a la última versión! En los sistemas de producción, debe agregar un contador de versiones a ai_external.js para evitar el almacenamiento en caché si utiliza la solución externa, por ejemplo: …/ai_external.js?version=6
demostraciones en vivo
Consulte la demostración profesional para ver ejemplos prácticos de la mayoría de las funciones principales. Los ejemplos son un buen comienzo para cualquier función que desee utilizar.
Administración
Vaya a Configuración -> iFrame Pro avanzado
Atributos avanzados de iFrame Pro
Diríjase a la administración para conocer todos los posibles atributos de código corto. Si solo usa un iframe, use la configuración en la administración porque allí se explica en detalle cada parámetro y también se establecen los valores predeterminados.
Ejemplo:
[advanced_iframe securitykey=”123451234512345” src=”http://www.tinywebgallery.com” width=”100%” height=”500”]
Preguntas frecuentes
Encuentre las últimas preguntas frecuentes aquí: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-faq/ Vaya allí si, por ejemplo, desea incluir varios iframes en la misma página.
También encontrará la documentación incluida en la descarga en la página de preguntas frecuentes.
Valora Advanced iFrame Pro
Siéntase libre de dejar una calificación de artículo desde la página de descarga de artículos si aún no lo ha hecho.
Póngase en contacto conmigo antes de dar una mala calificación porque la mayoría de los problemas son fáciles de resolver. ¡También asegúrese de haber echado un vistazo a la guía de inicio rápido para asegurarse de que se pueda usar la función que le gusta!
Cambio de registro y características de iframe pro v2021 avanzado
Se implementan las siguientes características geniales en comparación con un iframe normal:
Vea la lista completa de características en el cuadro de comparación:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart
Vea la historia completa aquí:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-history





