在WordPress帖子或页面中嵌入IFRAME代码?
iFrames是一种轻松在网站上轻松显示视频和其他内容而无需上传的方法。 许多第三方平台(例如YouTube)仅通过将其粘贴到您的网站上提供iFrame代码即可。
本文向您展示了如何将iframe代码轻松嵌入WordPress中。
为什么在WordPress中嵌入IFRAME代码?
iFrames允许您在不实际托管视频的情况下嵌入视频和其他内容。 这样可以节省带宽和存储,因此您无需将视频直接上传到WordPress。
除了提高WordPress的速度和性能外,如果原始内容更改,IFRAME还将自动更新。 这意味着访问者将始终看到最新版本的内容。
通过iframe嵌入版权内容也可以帮助您避免诉讼,因为它不会侵犯版权。
说
,所以让我们看一下如何轻松将iframe代码嵌入WordPress中的方法。 使用快速链接直接跳到您要使用的方法。
方法1:使用源嵌入代码(快速易于)2:使用WordPress插件,将iframe添加到WordPress。 您可以提供一个“嵌入式”选项,以访问需要添加到网站的iFrame代码。
如果您的网站具有“共享”或“嵌入式”设置,则通常是嵌入内容的最快,最简单的方法。
确切的步骤因平台而异,但以YouTube为例。 在WOR中嵌入YouTube视频DPRESS,只需单击要使用的视频下的共享按钮即可。 然后,您将看到一个带有不同共享选项的弹出窗口。
继续并单击“嵌入”按钮。
iframe代码将显示在YouTube上。
默认情况下,YouTube检查显示播放器控制框,但我们也建议启用隐私增强模式。 这种模式使访问者可以在WordPress站点上查看内置内容,而不会影响其YouTube上的浏览体验。
之后继续,然后单击“复制”按钮。
您可以将代码粘贴到网站帖子或页面中。 在本指南中,您将其将其添加到WordPress Block编辑器中的新页面中。
打开页面,然后单击[+]按钮。 在出现的弹出窗口中,开始键入HTML并找到您的自定义HTML块。
出现正确的块时,单击将其添加到页面上。
接下来,将YouTube Iframe代码粘贴到块中。
现在,您可以在WordPress博客上发布页面以观看YouTube视频。
方法2:并非所有第三方网站都使用WordPress插件(适用于所有网站)提供现成的嵌入式代码。 如果找不到“共享”或“嵌入式”设置,则可以使用IFRAME插件轻松地创建自己的iFrame代码。
首先,您需要安装和激活IFRAME插件。 有关更多信息,请参阅我们有关如何安装WordPress插件的分步指南。
激活后,插件将立即开始工作而无需任何设置。 您将被带到页面或发布要嵌入内容并添加快速代码块的地方。
之后,添加以下快捷代码:去做就对了。
您需要查看网站中嵌入的内容。
要查看所有可用参数,您可以查看iframe插件页面。
方法3:手动创建iFrame代码并嵌入WordPress(无需插件)
如果您不想使用特殊的WordPress插件,则可以手动创建IFRAME代码。 为此,您需要打开页面或发布,并在WordPress内容编辑器中添加HTML块。
首先,将以下代码粘贴到HTML块中:例如,将宽度设置为600像素,高度将其设置为200像素。
iframe的替代方案是什么?
使用iframe有几个缺点。
并非所有网站都可以将内容放入iframe中。您可能还需要手动调整内容,以使其在可用空间中看起来很棒。
另一个问题是HTTPS站点只能将IFRAME用于其他HTTPS站点的内容。 同样,HTTP站点只能将IFRAME用于其他HTTP站点的内容。
这就是为什么许多平台(例如WordPress)更喜欢启用的原因。
通常,您会将URL粘贴到WordPress帖子中,并使用oembed嵌入视频或其他内容。 WordPress会自动更改您的启示板以适合可用空间,从而使其在桌面,智能手机或平板电脑上始终看起来完美。
重要说明:默认情况下,WordPress不再支持Facebook和Instagram帖子的启示。 有关此主题的更多信息,请查看我们有关如何修复Facebook并在WordPress中发出问题的完整指南。
如果要在网站上显示在您的社交供稿中,我们建议使用社交媒体插件而不是iframe。 例如,
粉碎气球使您可以在Facebook,Instagram,Twitter和YouTube上轻松嵌入内容。
我希望本文将帮助您了解如何轻松将iframe代码嵌入WordPress中。 您还可以查看我们的指南,了解如何在WordPress中创建自定义的Instagram照片供稿,并查看WordPress最佳YouTube Gallery插件的专家选择。
有关PHP速度学习视频(从初学者学习)的免费教程
如何学习PHP? 如何开始PHP? 我在哪里可以学习PHP? 如何立即学习PHP? 不用担心,这是PHP速度学习教程(向初学者学习)。需要它的朋友可以保存和下载并学习它!
下载