如何在 WordPress 中使用 iFrame？

如果您有一个网站并且您要分享不属于您的内容，请稍等片刻。

分享他人的内容是危险的，因为它可能会产生法律后果。 更不用说，上传大量文件（例如视频）会破坏您宝贵的托管计划。

那么，是否有双赢的局面，您可以添加内容而不会遇到这些问题？

是的，解决方案是 iFrames。 使用 iFrame，您可以轻松地在您的网站上嵌入文件、视频和其他内容。 此外，内容共享法律手续或您的服务器空间不再是问题。

如果您不知道如何在 WordPress 中使用 iFrame，请不要担心。 本指南提供了三种简单的方法来帮助您。

但首先，让我们从介绍开始：

什么是 iFrame？

iFrame 是一种将一个网站的视频和内容嵌入到另一个网站的更简单方法。 视频和内容无需属于您即可在您的网站上显示。 您甚至不需要在您的网站上上传文件和视频。 这样的功能可以节省您服务器上的存储空间，并使您远离版权侵权。

为什么要使用 iFrame？

使用 iFrame 有两个主要原因。 他们是：

1. 节省您的存储空间和带宽

每个托管服务提供商都对您可以用于站点的资源和存储数量设置了限制。 当您上传视频、音频或更大的文件时，您会不必要地耗尽您的资源。

使用 iFrame 时，您可以显示来自其他网站的视频和内容，而无需将文件托管在 WordPress 媒体库中。 这样的功能可以节省您的资源并保持稳定的性能。

2. 避免版权问题

使用 iFrame 的另一个优点是它可以帮助您避免侵犯受版权保护的内容。 您无需下载其他人的视频/文件并将其上传到您的网站，而只是使用 iFrame 显示它。 使用 iFrame 是一种更合乎道德且更简单的内容共享方法。

3.自动同步

以上两个是使用 iFrame 的主要优点。 但是，我们也不想错过这个重要功能。 每当对原始视频或内容进行编辑时，iframe 都会自动检测到它。 然后，它会相应地更改您的网站。 我们必须说，这是一种更新内容的简单方法。

如何在 WordPress 中使用 iFrame

以下是在 WordPress 中使用 iFrame 的三种简单方法：

方法一：使用源码中的嵌入代码并添加 iFrame

许多较大的网站，例如 YouTube 和 Facebook，都为其内容嵌入了选项。 您将获得需要添加到网站的即时 iFrame 代码。

以下是使用嵌入代码使用 iFrame 的步骤：

• 转到要从中获取内容的源。

以下是从 YouTube 复制视频的嵌入代码示例：

• 转到您想从 Youtube 嵌入的视频。
• 点击视频下方的“分享”按钮。

• 会弹出一个带有许多选项的屏幕。 单击“嵌入”选项。

• YouTube 会向您显示该视频的嵌入代码。 复制它。

• 我们还建议选择底部的“显示播放器控件”和“启用隐私增强模式”选项。

您现在可以将刚刚复制的代码粘贴到您的帖子中。 为了那个原因：

• 转到您的 WordPress 仪表板。
• 转到“页面”选项，然后单击“添加新”选项。 您也可以选择在现有页面/帖子上添加代码。

• 在您的页面上添加一个 HTML 块。

• 现在，将您之前复制的嵌入代码粘贴到此块上。

• 然后，您可以预览更改。 检查嵌入是否正常工作。

注意：如果您在 WordPress 上使用经典编辑器，您可以将嵌入代码粘贴到“文本”视图选项中。 但是，在“Visual”和“Text”之间切换视图可能会导致嵌入式 iFrame 代码出现问题。

方法二：使用WordPress插件使用iFrame

第一种方法允许您仅嵌入来自提供嵌入代码的站点的内容。 但是，通过使用第二种方法，您可以使用 iFrame 并嵌入来自任何来源的内容。 我们建议为此使用 iFrame 插件。

• 转到您的 WordPress 仪表板。
• 导航到左侧面板上的“插件”选项。
• 单击“添加新”选项。

• 搜索 iframe 插件，安装并激活它。
• 激活后，您无需任何额外设置即可使用该插件。
• 转到帖子/页面或创建一个。
• 在编辑器上添加一个简码块。

• 编写以下短代码以嵌入您的 iFrame 代码。

 [iframe src="URL"]

在这里，您需要粘贴要嵌入网站的内容的 URL。 我们将展示嵌入 Google 地图的示例。

• 您可以保存或预览更改。 它看起来像这样：

注意：复制 URL 有时可能无法解决问题。 在这种情况下，请从源代码中复制嵌入代码。 仅从该代码中复制 URL 并删除其余部分。

方法 3：手动创建 iFrame 代码并嵌入 WordPress

如果不想使用 iFrame 插件，可以手动创建 iFrame 代码如下：

• 转到您的 WordPress 仪表板。
• 转到帖子/页面或创建一个。
• 在编辑器中添加一个“HTML”块。

• 复制并粘贴以下代码。

 <iframe src="URL"></iframe>

• 将“URL”部分替换为您要嵌入网站的内容的直接 URL。

以下是嵌入 Google 地图的示例：

预览后，它看起来像这样：

特别说明

在第二种和第三种方法中，您还可以设置参数来调整您网站上 iFrame 的大小。 例如，您可以设置高度、宽度等。

下面是一些常用的参数：

• 宽度：使用宽度参数，您可以为 iFrame 设置定义的宽度（以像素为单位）。

• 高度：使用高度参数，您可以调整网站上 iFrame 窗口的高度（以像素为单位）。

• 允许：使用“允许”参数，您可以将某些行为设置为 iFrame 的默认行为。 一些常见的行为是全屏查看和支付处理。

• 重要性：使用此参数可以指定何时加载 iFrame。

例如：

 [iframe src="URL” width="600" height="450" frameborder="0"”]

或者，

 <iframe src="URL" width="900" height="700" allow="fullscreen"></iframe>

结论

保持网站的吸引力和用户友好性有助于发展您的在线职业。 但是，最好遵守运营网站的规则和规定，主要是版权法。 在 WordPress 中使用 iFrame 是一种有效的方法。

iFrame 可让您嵌入视频和其他内容，同时让您保持在网站规定的范围内。 通过使用 iFrame，您可以在道德上展示他人的内容。 此外，您正在节省服务器的存储空间和带宽。

在本文中，我们研究了在 WordPress 中使用 iframe 的三种简单方法。 让我们知道它是否有帮助。

您可能还想查看如何解决 WordPress 内存限制错误。 它将帮助您为 WordPress 分配更多内存并防止任何与内存相关的错误。

经常问的问题