狐狸聚合登录,欢迎各位站长接入!

WordPress嵌入网页教程:子比主题怎么内嵌其他网页?一招搞定

免费领流量卡 流量卡包邮 本站同款主题 广告招租

wordpress 可以将外部网页嵌入到帖子或页面中,以添加有用信息、可视化内容或交互式元素。首先获取想要嵌入网页的 url,然后创建嵌入代码:。将嵌入代码添加到 wordpress 编辑器中的文本编辑选项卡(经典编辑器)或自订 html 块(新块编辑器)

图片[1] - WordPress嵌入网页教程:子比主题怎么内嵌其他网页?一招搞定 - 狐狸资源网

如何将网页嵌入 WordPress

WordPress 的一个强大功能是能够将外部网页嵌入到您的帖子或页面中。通过嵌入,您可以轻松地向您的内容中添加来自其他网站的有用信息、可视化内容或交互式元素。

步骤 1:获取网页 URL

首先,找到您要嵌入的网页的 URL。只需将地址复制到您的剪贴板即可。

步骤 2:创建嵌入代码

然后,您需要创建嵌入代码。为此,请使用以下语法:

<code><iframe src="URL" width="内容宽度" height="内容高度"></iframe></code>

将网页的 URL 替换为 网页 URL,将内容所需的宽度和高度分别替换为 内容宽度 和 内容高度

步骤 3:将嵌入代码添加到 WordPress

转到您要嵌入网页的 WordPress 编辑器。在经典编辑器中,切换到文本编辑选项卡。在新块编辑器中,添加一个自订 HTML 块。

将嵌入代码粘贴到您选择的编辑器中。保存或发布您的帖子或页面。

示例:

假设您要嵌入来自 YouTube 的视频,其 URL 为 https://www.youtube.com/watch?v=ABCDEF123。您的嵌入代码将如下所示:

<code><iframe src="https://www.youtube.com/watch?v=ABCDEF123" width="560" height="315"></iframe></code>

其他提示:

  • 调整宽度和高度以匹配您要嵌入的内容的大小。
  • 您可以使用 CSS 样式自定义嵌入式内容的外观。
  • 某些网页可能不支持嵌入,因此请确保在嵌入之前测试它们。
  • 为了安全起见,请仅从可信赖的来源嵌入网页。

子比主题为例

1、首先到你的主题根目录,路径为 你的网址/wp-content/themes/zibll/pages 下,点新建,新建一个空白文件

2、名为命名后确认一下路径 你的网址/wp-content/themes/zibll/输入你想要的前缀.php ,后缀一定要是php,然后打开刚新建的文件

3、将下方代码粘贴进去 将选中的 文本替换成 你要内嵌的网址 然后保存

最后一步在你的网站后台-打开新建页面,找到刚才添加的页面,访问即可!

其他主题自行测试

本文最后更新于2024-07-16 16:58:04,若文章内容或链接失效,请 留言 QQ群 反馈!
© 版权声明
THE END
如果喜欢,可以【点赞】【分享】【收藏】
点赞0赞赏 分享
相关推荐
评论 共3条

请登录后发表评论