按照您喜欢的方式在 iframe 中包含内容,可以隐藏和修改元素以及转发参数。您还可以直接嵌入内容或显示 iframe 的一部分。
购买前请查看快速入门部分!在那里您可以找到适合您的功能!例如,要调整内容的高度或修改远程 iframe 的 css,您需要将一行 JAVASCRIPT 添加到远程页面!!!!! 另外,您不能将 HTTP 页面包含到 HTTPS 页面中! 您应该具备基本的 html/css 知识,以便能够识别网页的元素。
在同一域上或者如果您能够使用外部解决方法,您可以将 iframe 的大小调整为 iframe height。还可以检测 iframe 中的动态大小变化,甚至支持 隐藏元素的自动高度。
即使您不在同一域中并且无法修改外部页面,您也可以显示远程 iframe 的一部分。使用附带的区域选择器,您只需用鼠标选择要显示的区域即可。您还可以隐藏其他页面的某些区域。为了完美集成,还支持 缩放!
您可以使用固定比例缩放 iframe 的内容,也可以通过自动缩放来缩放 iframe 的内容,自动缩放会根据浏览器大小计算系数。特别是在非响应式页面上,这可能是移动设备的唯一解决方案。
您可以动态更改父级的 css,甚至还可以根据您的设置动态更改iframe 页面的 css。因此,您可以隐藏页眉和页脚等元素或覆盖静态尺寸以使页面更具响应性。
延迟加载是延长页面加载时间的完美功能。因此,首先加载主页,然后加载 iframe。您还可以仅在 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 解决方法中的第3 方 cookie提供了一个可能的解决方案!
还包括一个古腾堡块,可以轻松地将带有预览的 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 或将 zip 文件中的“advanced-iframe”文件夹上传到“/wp-content/plugins”目录。确保文件advanced-iframe.php位于目录/wp-content/plugins/advanced-iframe中
- 通过 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?version=6