📜  如何在 WordPress 中嵌入 iFrame?(1)

📅  最后修改于: 2023-12-03 14:52:38.523000             🧑  作者: Mango

如何在 WordPress 中嵌入 iFrame?

iFrame 是 HTML 中的一个标签,可以嵌入其他网页或者媒体文件。在 WordPress 中使用 iFrame 能够实现一些很有用的功能,比如内嵌视频或者音频等。下面我们来介绍如何在 WordPress 中嵌入 iFrame。

第一步:获取 iFrame 的代码

首先,我们需要获取 iFrame 的代码。这个代码通常是由嵌入的网站或者视频提供的,我们可以通过复制代码的方式来获取。

第二步:在 WordPress 中添加 iFrame 代码

在 WordPress 中添加 iFrame 代码的方法有多种,这里我们介绍两种。

方法一:使用 Gutenberg 编辑器

如果你在使用最新版本的 WordPress,那么你可以使用 Gutenberg 编辑器来添加 iFrame 代码。具体步骤如下:

  1. 在 WordPress 后台选择添加文章或者页面,在编辑页面中选择“视觉编辑器”。
  2. 在编辑页面顶部的工具栏中,点击“添加块”,选择“自定义 HTML”。
  3. 将 iFrame 代码粘贴到自定义 HTML 块中。
  4. 点击“预览”来查看效果,如果一切正常,点击“发布”。
方法二:使用 HTML 编辑器

如果你更习惯使用 WordPress 的 HTML 编辑器,那么你可以将 iFrame 代码直接嵌入到文章或者页面的 HTML 代码中。具体步骤如下:

  1. 在 WordPress 后台选择添加文章或者页面,在编辑页面中选择“文本编辑器”。
  2. 点击“添加媒体”按钮,在下拉菜单中选择“嵌入网页”。
  3. 将 iFrame 代码粘贴到文本框中,点击“嵌入”。
  4. 点击“预览”来查看效果,如果一切正常,点击“发布”。
第三步:调整 iFrame 的大小和位置

一般情况下,iFrame 会根据嵌入的内容自动调整大小。但是有时候我们需要手动调整 iFrame 的大小和位置。

如果你使用的是 Gutenberg 编辑器,在添加自定义 HTML 块后,你可以通过拖动调整块的大小来手动调整 iFrame 的大小。

如果你使用的是 HTML 编辑器,在嵌入 iFrame 代码后,你可以在 HTML 代码中修改 iFrame 的 width 和 height 属性来手动调整大小。如果需要调整位置,可以使用 CSS 的 position 属性来实现。

结论

以上就是在 WordPress 中嵌入 iFrame 的方法。无论你是使用 Gutenberg 编辑器还是 HTML 编辑器,都可以轻松地添加 iFrame 到你的 WordPress 网站中。如果你有任何问题或者建议,请在下面的评论中留言。