WordPress oEmbed:嵌入(几乎)所有内容
使用 oEmbed 可以轻松将视频、图像、推文和许多其他类型的外部媒体放入您的 WordPress 网站。 WordPress 插件是系统的生命,几乎所有东西都有一个插件。 但是很高兴能够在不使用额外插件的情况下完成工作。
WordPress oEmbed 现在可以为您完成的许多任务,过去都是在 WordPress 插件的帮助下完成的,WordPress 背后的开发团队似乎相当致力于让 oEmbed 支持越来越多的富媒体类型,这很棒对用户来说是新的。
什么是 oEmbed?
简而言之,WordPress oEmbed 可以识别许多服务的 URL 以自动格式化和显示它们。 例如 Youtube 视频、SoundCloud 音频甚至 WordPress 帖子。 当 WordPress 看到 URL 时,它将连接到外部服务(例如 Youtube)并要求相关的 HTML 代码将视频嵌入到页面或帖子中。
您不再需要搞乱复制和粘贴工作来获取视频代码。 您可以将视频或其他媒体的 URL 直接放入您的 WordPress 帖子或页面中,并且它可以正常工作。
您可以使用 WordPress oEmbed 做什么?
从 2.9 版开始,oEmbed 在 WordPress 中已经存在了一段时间。 但从那以后,他们添加了许多与 oEmbed 一起使用的新服务,因此列表越来越长。
支持 Youtube、Vimeo 甚至 Hulu 等视频服务。 包括 Instagram、flickr 和 Photobucket 在内的照片网站都运行良好。 甚至支持 Twitter 和 Facebook 等社交网站。 哎呀,你甚至可以添加你的博客文章。
如需 36 种 oEmbed 服务的完整列表,请访问 这一页 在 WordPress 法典中。
如何在经典编辑器中使用 oEmbeds
对于那些使用经典编辑器的人,您只需将选择的链接粘贴到富文本编辑器中即可。 所以,如果你想从 SoundCloud 分享 Mellow Indie Chill 播放列表,你首先需要获取 url:
https://soundcloud.com/soundcloud-scenes/sets/coffee-shop-mellow-indie-chill
然后将其粘贴到主文本区域,您将看到:
酷吧?
在 WordPress Classic 编辑器中使用 oEmbeds 时,您需要记住一件事 – 指向 媒体必须单独在线. 您不需要切换到文本编辑器或其他任何东西,只需记住单击 Enter,这样它就可以单独一行了。
如何在古腾堡使用 oEmbeds
如果您使用的是 Gutenberg,则添加 oEmbed 会有所不同,因为有一个专门用于添加它们的块。 要开始使用,您可以找到特定媒体类型的块(古腾堡有许多块选项),或者只需搜索嵌入块。
接下来添加您的链接:
然后单击按钮以嵌入。 该块将识别嵌入并相应地显示它,如下所示:
而已!
控制嵌入对象的大小
这是一个值得注意的额外提示。 WordPress 依赖于 内容宽度设置 控制嵌入对象的宽度。 一些 WordPress 主题已经有这个设置,它将与正在显示的内容的宽度相匹配。
如果您的主题不支持此宽度,则很容易添加自己。
if ( ! isset( $content_width ) ) {
$content_width = 600;
}
您可以安全地将其放入主题的 function.php 文件中。
WordPress 还建议在您的主题中添加一些 CSS:
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
基本上,它的作用是检查宽度是否已设置,如果未设置,则将其设置为 550(像素)。 只需将数字更改为适合您情况的数字即可。
基于这个值,WordPress 将使用它作为它现在看到的所有 oEmbeds 的宽度。 根据您提供的宽度计算高度非常聪明,因此无需担心高度设置。
oEmbed 是一项很棒的功能,我一直在使用它。 这对 WordPress 的最终用户来说非常棒,不再需要复杂的插件和设置,只需将媒体的 URL 拖放到页面中即可!
现在就去你的 WordPress 网站试试吧!