Advanced iFrame Pro v 2024
在iframe中以您喜欢的方式包含内容,该iframe可以隐藏和修改元素以及转发参数。您也可以直接嵌入内容或显示iframe的一部分。
请在购买前查看快速启动部分!在那里,您可以了解哪些功能可供您使用!例如,要将内容调整到远程iframe的高度或修改css,您需要将一行Java脚本添加到远程页面!!!!!此外,您不能将HTTP页面包含在HTTPS页面中!
你应该有基本的html/css知识,能够识别网页的元素。
在同一域上,或者如果您能够使用外部解决方法,您可以将iframe调整为iframe高度。还可以检测iframe中的动态大小变化,甚至支持隐藏元素的自动高度。
即使您不在同一个域上,并且无法修改外部页面,您也可以显示远程iframe的一部分。使用附带的区域选择器,您可以简单地用鼠标选择要显示的区域。您还可以隐藏其他页面的某些区域。为了实现完美的集成,还支持缩放!
您可以按固定比例缩放iframe的内容,也可以通过自动缩放来计算因子,这取决于浏览器的大小。尤其是在无响应页面上,这可能是移动设备的唯一解决方案。
您可以动态更改父级的css,甚至还可以根据您的设置更改iframe页面。因此,您可以隐藏页眉和页脚等元素,或者覆盖静态大小,以使页面更具响应性。
延迟加载是提高页面加载时间的完美功能。因此,首先加载主页,然后加载iframe。您也可以在iframe仅可见时加载它,或者单击按钮加载它。
加载iframe通常需要额外的时间。因此,现在您可以向用户显示一个加载图标,直到iframe完全加载为止。
Advanced iframe pro有几个选项可以使您的iframe响应迅速。还支持视频。有关详细信息,请参阅此博客条目。
许多网站在不同的设备上看起来不同。通过附带的浏览器检测,您可以根据检测到的设备显示不同的iframe或iframe的不同部分。
您可以动态更改父级的链接目标,甚至还可以根据您的设置更改iframe页面。在iframe中,甚至链接现在都可以更改!这也启用了可以在iframe的额外层中直接打开链接的功能。因此,即使用户选择了外部链接,也不会离开您的网页!自定义页眉/页脚也可以包含在图层中。
默认情况下,并非所有IOS版本都支持在iframe内滚动。由于IOS解决方案在其他系统上不起作用,因此在插件中完成了与浏览器检测相结合的IOS解决方法!
支持许多解析参数的选项。您可以转发来自父级的参数,并且您有许多占位符,如当前wordpress用户名。您甚至可以将iframe url作为参数添加到父url,以便能够为当前所选页面添加书签。
包含了一个小部件,用于在小部件区域添加iframe甚至任何短代码。
该功能使您能够仅通过2行代码(js iframe)提供网站的部分内容。请参阅“内容过滤器”和“添加ai_external.js本地”解决方案。
iframe检查器现在包含在内部,还可以每天检查一次所有的iframe!自2020版本以来,这是并行完成的,并且还检查不是高级iframe iframe的iframe!因此,可以监控已经存在的iframe,如果它们仍然可以包括在内!每个使用iframe的人都应该使用这些功能来确保用户不会突然看到空白页面。
您不仅可以在wordpress中使用此插件,还可以在任何php页面中插入几行代码!
默认情况下,Safari和IE不太支持iframe中的Cookie。此外,所有其他浏览器都可以配置为不起作用。iframe中的第三方cookie解决方案提供了可能的解决方案!
还包括一个Gutenberg块,可以轻松地将带有预览的iframe添加到编辑器中。
快速入门指南
快速入门指南也可作为视频教程提供。
要在您的页面中包含网页,请首先检查以下内容:
检查是否允许包含您的页面:http://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker!
检查iframe页面和父页面是否在同一个域中。www.example.com和text.example.com是不同的域!
你能修改应该包括的页面吗?
很可能您有以下设置之一:
不能包含iframe:不能包含内容,因为所有者不允许这样做。
iframe可以包括在内,并且您在不同的域中:请参阅功能比较表和功能可用性概述。要将内容调整为高度/宽度或修改css,您需要通过添加一行Javascript来修改远程iframe页面,以启用提供的解决方法。
Iframe可以包含在内,并且您在同一个域上:插件的所有功能都可以使用。
请查看功能比较表,了解可用于您的设置的详细功能。请在购买前完成此操作!
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-comparison-chart
要输入一个简单的iframe,请转到管理并按照基本设置选项卡上的说明进行操作。在那里,您可以使用基本快捷代码并在管理中设置设置,也可以直接覆盖快捷代码中的设置。还请阅读常见问题解答并查看免费和专业示例。
如果iframe页面位于不同的域并且无法使用外部解决方法,则拥有自己服务器的高级用户也可能设置反向代理。有关详细信息,请参阅此博客。
如果你混合使用http和https,请阅读此博客。父https和iframe-http不适用于所有市长浏览器!
安装
使用wordpress的默认插件安装程序安装zip,或将文件夹“高级iframe”从zip文件上传到“/wp-content/plugins”目录。确保文件advanced-iframe.php位于目录/wp-content/plugins/advanced-ifname中
通过wordpress中的“插件”菜单激活插件
在页面或帖子中放置“[advanced_iframe]”。可选安全密钥可在“设置-高级iFrame Pro”中找到
升级/更新
新Wordpress 5.5。只需下载新版本并安装即可。WordPress确实检测到插件已安装,并询问您是否愿意更新。只需单击“是”即可完成。所有设置都在数据库中。所以什么都没有损失。请保存一次高级iframe设置,将生成的ai_external.js更新到最新版本!
只需从codecanyon下载zip,用ftp覆盖以前安装的所有文件,或者卸载插件(免费或专业版),然后重新安装新版本。所有设置都存储在数据库中,因此不会丢失任何内容。如果你使用了个人版本,也可以使用这种方式,你可以在wordpress.org上找到。
如果您在更新后有一些无线电元素为空,只需选择您喜欢的元素并再次保存即可。
请保存一次高级iframe设置,将生成的ai_external.js更新到最新版本!在生产系统上,如果使用外部解决方法,则应向ai_external.js添加版本计数器以避免缓存,例如:/ai_external.js?版本=6
现场演示
查看专业演示,了解大多数主要功能的工作示例。这些示例是您想要使用的任何功能的良好开端。
管理
转到设置-高级iFrame Pro
高级iFrame Pro属性
有关所有可能的短代码属性,请转到管理部门。如果您只使用一个iframe,请使用管理中的设置,因为其中详细解释了每个参数,并且设置了默认值。
声明:本站所有资源版权均属于原作者所有。更多说明请参考 VIP介绍。禁止复制、盗用、采集、发布本站内容到任何网站、等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。如需安装,修复,wordpress主题定制,wordpress插件开发,shopify主题定制,shopify开发,请与我们联系。