如何在 WordPress 中添加 iframe（使用 Elementor）

如果您是 WordPress 用户，那么您很可能遇到过需要向您的网站添加 iframe 的情况。 无论是从 YouTube 嵌入视频还是从其他网站添加表单，iframe 都可以成为在 WordPress 网站上显示内容的有用工具。
在本文中，我们将向您展示如何使用 Elementor 页面构建器在 WordPress 中添加 iframe。 我们还将介绍一些关于如何在 WordPress 中使用 iframe 而不会遇到任何问题的技巧。

您可以使用源代码在 WordPress 内容中制作和自定义 iframe。 Elementor 的免费版本允许您将视频 iframe 嵌入到您的页面中，并使用其 Shortcode 块发布。 外部页面在 iframe 中不可见。 要嵌入其他类型的内容，您可能需要Iframe Widget插件。 单击“内容”选项卡后，输入要嵌入的页面的 URL。 我们为这个屏幕禁用了高度、延迟加载设置、允许全屏和显示滚动条。 除了配置边框外，您还可以为 iframe 指定边框。 能够选择边框颜色、半径和阴影从未如此简单。

iframe 是通过配置包含嵌入、宽度和高度、滚动、禁用或启用的边框、边框类型、大小和边框颜色的 URL 并添加iframe 名称来创建的。 之后，单击“创建 iframe”以生成 HTML 代码，然后单击“复制到剪贴板”以复制生成的代码。

我可以向 Elementor 添加 iframe 吗？

如何构建网页？ 在 Elementor 仪表板中，在搜索栏中键入“Iframe 小部件”或向下滚动以查看它。 要更改它，请将其拖到您想要的位置或列。

如何在您的网站上嵌入 Soundcloud 和 Spotify 音频

要嵌入 SoundCloud 音轨，您必须使用 SoundCloud iFrame 代码。 您可以通过将其粘贴到 HTML 块中并将页面发布为 HTML 预览来观看嵌入的音频。 要嵌入 Spotfy 视频，您必须首先使用 Spotfy iFrame 代码。 当您将其粘贴到 HTML 块中时，您可以预览或发布包含嵌入视频的页面。

如何将 iframe 添加到我的 WordPress 网站？

在 WordPress 中创建 iFrame 嵌入代码很简单。 您可以将 HTML 块添加到 WordPress 页面，然后粘贴 iFrame 代码，例如，该代码可能来自 YouTube 视频或地图。 进行更改后，您现在可以在页面上看到嵌入的 iFrame。

iframe 是嵌入在其他文档中的 HTML 文件。 大量 WordPress 网站所有者使用 iframe 来显示外部内容，例如 YouTube 视频。 如果服务器有很多文件，例如高分辨率媒体，它可以容纳很多空间。 在美国使用嵌入内容不被视为侵犯知识产权。 框架是一种既通用又有用的软件。 可以使用内置 iframe 或可选插件创建 iframe。 您可以使用自定义 HTML 块或短代码创建 iframe。

通过使用 height 和 width 属性，您还可以更改 iframe 的宽度。 许多主要网站为其内容提供嵌入选项。 您将能够在您的网站中包含嵌入代码。 激活插件后，您可以使用以下短代码插入 iframe。 除了隐藏 iframe 的特定区域外，您还可以隐藏访问者被吸引到的区域。 您可能对 Generate a shortcode for the current settings 按钮感兴趣，以替代使用简码嵌入 iframe。 使用高级 iFrame 插件轻松嵌入外部内容，该插件无需代码且快速。 如果您只使用 WordPress 偶尔创建 iframe，则有许多内置的 iframe 块可以让您这样做。

将其他网站的内容嵌入您自己的网站的最佳方式是什么？ 可以改为使用标签。 通过使用嵌入代码标签，您可以将图像、视频和音频等多媒体组件添加到页面中。
这方面的一个例子如下所示。
本教程中有六种对象： *对象宽度 =600 *对象高度 =450 *对象深度 = 20mm
通过单击 URL 中的名称属性为您的视频创建一个新名称。
如果正确输入了名称，则将“允许全屏”值设为 True。
*参数名称=“allowScriptAccess”值=“总是”
嵌入 src=https://www. YouTube.com/watch?v=YzIxjWW9f3g/application/x-shockwave-flash%27 width=600 height=450 allowFullScreen%
请指定您要使用的对象。
以下示例包含嵌入的 YouTube 视频。 我们公开了一个 URL，并启用了全屏播放，并允许脚本访问。 除了 HTML 之外，我们还包含了 object 标记。

在您的 WordPress 网站上嵌入网站

WordPress 编辑器是从其他来源嵌入网站的理想工具。 WordPress 只需将 URL 粘贴到编辑器中即可将内容转换为嵌入。 iframe 可能会导致网站出现问题，因此 Google 建议不要创建它们。 要插入 iframe，请在旧（经典）编辑器中选择嵌入媒体图标，然后在相应字段中输入代码。 如果您的网站不允许嵌入第三方广告代码，您将需要向您的网站添加另一种方式。

Elementor 中的 iframe 是什么？

iframe 是嵌入在网站上另一个 HTML 文档中的 HTML 文档。 iframe HTML 元素通常用于将其他来源的内容（例如广告）插入网页。

在 Elementor 网站上显示内容时，您可以考虑使用 iframe。 HTML 标记、外部页面的 URL 以及有关窗口应如何显示的信息都是实现此目的所必需的。 这两个iframe 小部件都是 Elementor 的绝佳选择。

将 iframe 添加到 WordPress 的 3 种方法

无论您是博客所有者、小企业主还是内容创建者，嵌入视频都可以让您的观众保持参与。 Elementor 的免费版本包括嵌入功能，使操作变得简单。 如果您想在 WordPress 上使用 iFrame，可以通过多种方式进行。 嵌入块设置简单，可用于插入图像，因此它们是一种选择。 HTML 代码也可用于您网站的任何部分，而且效果很好。 简码是将 iFrame 功能添加到 WordPress 网站的绝佳方式。 您可以通过复制和粘贴嵌入代码在您网站的任何页面上分发嵌入的视频。 如果你想在没有任何额外配置的情况下使用 iFrame，你也可以使用 WordPress 插件。 有许多可用的选项，其中大多数都非常易于使用。 您可以使用 Elementor 的嵌入功能以多种方式让观众看到您的视频，但嵌入视频是最简单的方法。

Elementor iframe 插件

如果您正在寻找一种将 iframe 添加到 Elementor 支持的网站的方法，那么您需要查看Elementor iframe 插件。 这个方便的小插件让您可以非常轻松地将 iframe 添加到您的页面、帖子和小部件中，并附带许多强大的功能，让使用 iframe 变得轻而易举。

如何使用 iframe 嵌入网页

iframe 是嵌入在网站上另一个 HTML 文档中的 HTML 文档。 iframe 代码使用

iframe 允许您将任何类型的外部内容集成到网站中。 iframe 和内联框架是可用于集成外部内容的 HTML 元素。 它可以包括视频、广告、文档，甚至是完全独立的网站。 我们将向您展示如何安全清晰地嵌入 iframe。 使用 iframe 嵌入内容非常简单，可以节省大量编程时间。 用户无需停止即可保持上网习惯，提升用户体验。 如果您嵌入了外部源，则可能嵌入了恶意软件或网络钓鱼。 但是，如果 iframe 的来源已知，则嵌入它的风险很小。

IFrame 可用于嵌入任何文件类型，例如 PDF、图像和视频。 将您希望嵌入的文件的 URL 插入“在此处插入您的文件”部分。
在您的网站中嵌入网页 如果您将其粘贴到代码的 INSERT YOURFILE HERE 区域，IFrame 将显示您要嵌入的文件的 URL。 如果您更喜欢使用 CSS 设置 IFrame 样式，它不会影响您网站的搜索引擎优化。

iframe 的多种用途

iframe 是一个 HTML 标签，用于在您的网站中嵌入外部网页。 它们不需要附加到网页的任何其他元素，因此可以使用 CSS 设置样式。

Elementor iframe 响应式

如果您正在为 Elementor 寻找响应式 iframe 插件，那么 Iframely 不会出错。 它易于使用，而且是免费的！

具有应用响应主题的 iframe 是响应式 iframe ，可自定义以适应特定的父元素。 为您当前的网站显示 iframe 页面是一种常见的做法。 可以在右上角的更新和发布旁边编辑阻止设置。 断点设置在高级设置中可用，您可以指定站点的宽度来显示它们。 也可以在页面顶部工具栏的编辑器中使用三个水平线来选择块。 确保 iframe 元素被大量渲染，父 div 元素上有 CSS，并且父 div 元素的高度没有改变。 您可以使用该软件设计 iframe。

在没有插件的 WordPress 中嵌入 iframe

如果您想在不使用插件的情况下在 WordPress 中嵌入 iframe，您可以按照以下步骤操作：
1. 登录您的 WordPress 网站并转到您要嵌入 iframe 的页面或帖子。
2. 在 WordPress 编辑器中，单击文本选项卡。
3. 将 iframe 代码粘贴到 WordPress 编辑器中。
4. 保存您的更改并预览页面或帖子以确保 iframe 正确显示。

使用 WordPress iFrame，您可以将网页嵌入到另一段内容中。 您可以使用此方法在您的网站上创建动态页面，而无需在您的服务器上托管内容。 创建具有此功能的网站时，您将节省大量空间。 在当前情况下，跨域的内容由 iFrame 处理。 网站包括各种内容，例如视频、图像和其他网站。 除了在 iFrame 中显示任何其他网站外，它还允许您自定义其功能。 这里有五个最好的 WordPress iFrame 插件，可以让您的 WordPress 应用程序快速启动并运行。

iFrame中的代码如下所示： 以下步骤将帮助您为 iFrame 定义一个窗口。 为了找到它，我们必须知道一些关于源 URL 的事情。 如果您使用 iFrame，则只能显示与您使用相同超文本传输​​协议的其他网站的内容。

如何在 WordPress 中嵌入 iframe

iframe 可以通过多种方式嵌入到 WordPress 站点中。 使用 HTML 块中的交互式布局和嵌入的嵌入代码，在内容页面上创建 iFrame。 iframe 可以根据其宽度和高度进行自定义。 如果您使用的是 iframe，请使用旧（经典）编辑器单击嵌入媒体图标，然后将代码粘贴到相应的字段中。