>
钥匙要点OEMBED是一项协议,可以通过消费者和提供商的关系轻松嵌入网站中的内容。它指定了四种类型的资源 - 照片,视频,链接和丰富 - 所有这些资源都提供了响应的URL,宽度和高度。
- >
WordPress已内置支持OEMBED,并附有白名单提供商列表。通过简单地粘贴从白名单提供商创建帖子或页面时的URL,WordPress会自动获取嵌入式HTML并将其显示在帖子中。用户还可以手动添加其他提供商。
- > 超出其对最终用户的简单性,Oembed是WordPress中的灵活工具。用户可以对白名单进行试验,与自己的提供商扩展,甚至可以自定义其盖床的外观。 WordPress还提供了注册支持OEMBED并在网站上添加OEMBED支持的站点的功能。
- 引入oembed
OEMBED实施指定4种类型的资源:
photo
- 视频
- 链接
- Rich
- 照片,视频和丰富类型应在其响应中提供URL,宽度和高度。提供商还可以包含其他数据,但是在处理此类内容时,这些都是所需的。 OEMBED规范是指导方针,提供者可以自己实施OEMBED。提供商至少应具有一个启用端点和资源URL。 >
如果仅请求浏览器中的URL值,则只需获得一个普通的HTML页面即可。您每天看到的东西。如果不请求其他格式,则slideshare默认为XML格式。让我们稍微更改请求。这次,我们将添加另一个参数并获得JSON响应。
><span><span><span><oembed>></oembed></span> </span> <span><span><span><total-slides> type<span>="integer"</span>></total-slides></span>50<span><span></span>></span> </span> <span><span><span><thumbnail-width> type<span>="integer"</span>></thumbnail-width></span>170<span><span></span>></span> </span> <span><span><span><width> type<span>="integer"</span>></width></span>425<span><span></span>></span> </span> <span><span><span><type>></type></span>rich<span><span></span>></span> </span> <span><span><span><provider-name>></provider-name></span>SlideShare<span><span></span>></span> </span> <span><span><span><slideshow-id> type<span>="integer"</span>></slideshow-id></span>41489102<span><span></span>></span> </span> <span><span><span><provider-url>></provider-url></span>http://www.slideshare.net<span><span></span>></span> </span> <span><span><span><slide-image-baseurl>></slide-image-baseurl></span>//image.slidesharecdn.com/wordpress-themes-wpmelb-2014-141112215416-conversion-gate02/95/slide-<span><span></span>></span> </span> <span><span><span><version>></version></span>1.0<span><span></span>></span> </span> <span><span><span><conversion-version> type<span>="integer"</span>></conversion-version></span>2<span><span></span>></span> </span> <span><span><span>></span><span><span><iframe> src<span>="http://www.slideshare.net/slideshow/embed_code/41489102"</span> width<span>="427"</span> height<span>="356"</span> frameborder<span>="0"</span> marginwidth<span>="0"</span> marginheight<span>="0"</span> scrolling<span>="no"</span> <span>style<span>="<span>border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;</span>"</span></span> allowfullscreen></iframe></span> <span><span></span>></span> <span><span><div> <span>style<span>="<span>margin-bottom:5px</span>"</span></span>> <span><span><strong>></strong></span> <span><span><a> href<span>="https://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014"</span> title<span>="WordPress Themes Demystified"</span> target<span>="_blank"</span>></a></span>WordPress Themes Demystified<span><span></span>></span> <span><span></span>></span> from <span><span><strong>></strong></span><span><span><a> href<span>="http://www.slideshare.net/chris-burgess"</span> target<span>="_blank"</span>></a></span>Chris Burgess<span><span></span>></span><span><span></span>></span> <span><span></span></span></span></span></span></span> </div></span>></span> </span> <span><span><span></span>></span> </span> <span><span><span><author-name>></author-name></span>Chris Burgess<span><span></span>></span> </span> <span><span><span><title>></title></span>WordPress Themes Demystified<span><span></span>></span> </span> <span><span><span><height> type<span>="integer"</span>></height></span>355<span><span></span>></span> </span><span><span><span></span>></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
>再次尝试请求该资源,但是这次指定了一个附加参数。让我们将MaxWidth参数放在200中,并请求此URL:http://www.slideshare.net/api/oembed/2?url=http://www.slideshare.net/chris/chris/chris-burgess/wordpress-wordpress-themes-themeswpmelb2011114&mamaxtctuecontueptsitcon 200,您应该得到这个结果:
<span>{ </span> <span>"author_url": "http://www.slideshare.net/chris-burgess", </span> <span>"total_slides": 50, </span> <span>"provider_name": "SlideShare", </span> <span>"version_no": "1415853027", </span> <span>"html": "<iframe src="%5C%22http://www.slideshare.net/slideshow/embed_code/41489102%5C%22" width='\"427\"' height='\"356\"' frameborder='\"0\"' marginwidth='\"0\"' marginheight='\"0\"' scrolling='\"no\"' style='\"border:1px' solid border-width:1px margin-bottom:5px max-width: allowfullscreen> </iframe> <div style='\"margin-bottom:5px\"'> <strong> <a href="%5C%22https://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014%5C%22" title='\"WordPress' themes demystified target='\"_blank\"'>WordPress Themes Demystified</a> </strong> from <strong><a href="%5C%22http://www.slideshare.net/chris-burgess%5C%22" target='\"_blank\"'>Chris Burgess</a></strong> </div>\n\n", </span> <span>"thumbnail_height": 128, </span> <span>"type": "rich", </span> <span>"slide_image_baseurl": "//image.slidesharecdn.com/wordpress-themes-wpmelb-2014-141112215416-conversion-gate02/95/slide-", </span> <span>"slide_image_baseurl_suffix": "-1024.jpg", </span> <span>"slideshow_id": 41489102, </span> <span>"title": "WordPress Themes Demystified", </span> <span>"version": "1.0", </span> <span>"height": 355, </span> <span>"provider_url": "http://www.slideshare.net", </span> <span>"thumbnail": "//cdn.slidesharecdn.com/ss_thumbnails/wordpress-themes-wpmelb-2014-141112215416-conversion-gate02-thumbnail.jpg?cb=1415853027", </span> <span>"conversion_version": 2, </span> <span>"author_name": "Chris Burgess", </span> <span>"thumbnail_width": 170, </span> <span>"width": 425 </span> <span>}</span>
>如果将本请求的HTML密钥上的iframe的宽度与以前的请求进行比较,则应看到差异。第一个的宽度为427,最后一个的宽度为202。
<span>{ </span> <span>"conversion_version": 2, </span> <span>"version_no": "1415853027", </span> <span>"slide_image_baseurl_suffix": "-320.jpg", </span> <span>"html": "<iframe src="%5C%22http://www.slideshare.net/slideshow/embed_code/41489102%5C%22" width='\"202\"' height='\"168\"' frameborder='\"0\"' marginwidth='\"0\"' marginheight='\"0\"' scrolling='\"no\"' style='\"border:1px' solid border-width:1px margin-bottom:5px max-width: allowfullscreen> </iframe> <div style='\"margin-bottom:5px\"'> <strong> <a href="%5C%22https://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014%5C%22" title='\"WordPress' themes demystified target='\"_blank\"'>WordPress Themes Demystified</a> </strong> from <strong><a href="%5C%22http://www.slideshare.net/chris-burgess%5C%22" target='\"_blank\"'>Chris Burgess</a></strong> </div>\n\n", </span> <span>"total_slides": 50, </span> <span>"width": 200, </span> <span>"slide_image_baseurl": "//image.slidesharecdn.com/wordpress-themes-wpmelb-2014-141112215416-conversion-gate02/85/slide-", </span> <span>"thumbnail_height": 128, </span> <span>"thumbnail_width": 170, </span> <span>"thumbnail": "//cdn.slidesharecdn.com/ss_thumbnails/wordpress-themes-wpmelb-2014-141112215416-conversion-gate02-thumbnail.jpg?cb=1415853027", </span> <span>"provider_name": "SlideShare", </span> <span>"author_url": "http://www.slideshare.net/chris-burgess", </span> <span>"author_name": "Chris Burgess", </span> <span>"version": "1.0", </span> <span>"slideshow_id": 41489102, </span> <span>"type": "rich", </span> <span>"height": 167, </span> <span>"title": "WordPress Themes Demystified", </span> <span>"provider_url": "http://www.slideshare.net" </span> <span>}</span>
为什么这很有用
>一会儿,让我们忘记技术实施。 WordPress更多地是关于最终用户。 OEMBED规范的所有实现都在WordPress代码库中。 WordPress拥有所有受支持的Oembed提供商的白色列表。这些只是他们的白名单中的一些。
>
然后,您将立即看到它呈现内容:
> URL本身应该是一行。 WordPress查找该链接,然后搜索以查看此链接是否是一个白名单的URL的资源。如果是这样,则向OEMBed端点提出请求。在此示例中,我复制了Twitter状态URL,WordPress在帖子中为我嵌入了该状态。但这不仅限于Twitter,还要搜索白名单中的其他网站并与他们进行实验。
>除白名单之外,每个颁发的站点都得到WordPress的支持。您可以手动添加其他提供商。 WordPress提供了两个功能,一个用于注册一个支持OEMBED的站点,另一个用于我们可以为我们的网站添加OEMBed支持的站点。使用WP_OEMBED_ADD_PROVIDER()将现有的OEMBED网站添加到WordPress。您也可以使用WP_EMBED_REGISTER_HANDLER()添加非隔离站点。或者,如果您像我一样讨厌重新发明轮子,也可以检查插件是否首先存在。
结论
Oembed是使您的生活更轻松的方便WordPress功能之一。在本文中,我们介绍了宣告的内容,我们查看了颁布的规格以及oembed和wordpress如何一起工作。但是不要止步于此。尝试白名单并与您自己的提供商进行扩展。
经常询问有关OEMBED和WORDPRESS的问题
启用了什么,它如何与WordPress一起使用?> oembed是一项协议,它允许您的网站显示嵌入式内容(例如视频,图像,推文等),只需将URL粘贴到您的内容。 WordPress已内置支持OEMBED。当您从支持OEMBed的站点粘贴URL时,WordPress会自动使用API获取嵌入式HTML并将其显示在您的帖子中。这消除了从网站中复制和粘贴HTML的需求。可以通过使用诸如禁用嵌入或Oembed Manager之类的插件来做到这一点。另外,您可以在主题的functions.php文件中添加几行代码以禁用启用。但是,请注意,这将禁用所有类型的嵌入。>我可以在WordPress中自定义我的oembeds的外观吗?这可以通过将自定义CSS添加到您的主题中来完成。您需要的确切CSS取决于嵌入的类型和主题的设计。>在使用WordPress中使用oembed?仅嵌入可信赖来源的内容很重要。某些网站可能无法正确消毒其签发代码,这可能会导致安全漏洞。>为什么我在WordPress中工作不工作?您要嵌入的URL可能不是来自支持oembed的站点,或者可能与插件或主题发生冲突。如果您遇到麻烦,请尝试禁用所有插件并切换到默认主题以查看解决问题是否解决。
我可以在WordPress中使用自定义帖子类型吗?您可以在WordPress中使用自定义帖子类型的OEMBED。您只需要确保自定义帖子类型支持“编辑器”功能。
>>如何添加对WordPress中新的OEMBED提供商的支持?通过使用WP_OEMBED_ADD_PROVIDER()函数来启用提供商。此功能允许您为提供者指定URL方案,以及WordPress应使用的终点,以获取嵌入的HTML。 ,您可以限制WordPress中OEMBEDS的宽度和高度。这可以通过使用Embed_defaults过滤器来完成,该过滤器允许您指定所有OEMBEDS的最大宽度和高度。
>>我如何在WordPress中缓存oembed embed响应?
wordpress 24小时以提高性能。但是,您可以使用OEMBED_TTL过滤器来更改此持续时间。>我可以在wordpress中使用邮政编辑器外部的oembed吗?是的,您可以通过使用邮政编辑器的oembed使用。 wp_oembed_get()函数。此功能允许您获取URL的嵌入HTML并在网站上的任何地方显示。


> URL本身应该是一行。 WordPress查找该链接,然后搜索以查看此链接是否是一个白名单的URL的资源。如果是这样,则向OEMBed端点提出请求。在此示例中,我复制了Twitter状态URL,WordPress在帖子中为我嵌入了该状态。但这不仅限于Twitter,还要搜索白名单中的其他网站并与他们进行实验。
>除白名单之外,每个颁发的站点都得到WordPress的支持。您可以手动添加其他提供商。 WordPress提供了两个功能,一个用于注册一个支持OEMBED的站点,另一个用于我们可以为我们的网站添加OEMBed支持的站点。使用WP_OEMBED_ADD_PROVIDER()将现有的OEMBED网站添加到WordPress。您也可以使用WP_EMBED_REGISTER_HANDLER()添加非隔离站点。或者,如果您像我一样讨厌重新发明轮子,也可以检查插件是否首先存在。结论
Oembed是使您的生活更轻松的方便WordPress功能之一。在本文中,我们介绍了宣告的内容,我们查看了颁布的规格以及oembed和wordpress如何一起工作。但是不要止步于此。尝试白名单并与您自己的提供商进行扩展。
经常询问有关OEMBED和WORDPRESS的问题
启用了什么,它如何与WordPress一起使用?> oembed是一项协议,它允许您的网站显示嵌入式内容(例如视频,图像,推文等),只需将URL粘贴到您的内容。 WordPress已内置支持OEMBED。当您从支持OEMBed的站点粘贴URL时,WordPress会自动使用API获取嵌入式HTML并将其显示在您的帖子中。这消除了从网站中复制和粘贴HTML的需求。可以通过使用诸如禁用嵌入或Oembed Manager之类的插件来做到这一点。另外,您可以在主题的functions.php文件中添加几行代码以禁用启用。但是,请注意,这将禁用所有类型的嵌入。>我可以在WordPress中自定义我的oembeds的外观吗?这可以通过将自定义CSS添加到您的主题中来完成。您需要的确切CSS取决于嵌入的类型和主题的设计。>在使用WordPress中使用oembed?仅嵌入可信赖来源的内容很重要。某些网站可能无法正确消毒其签发代码,这可能会导致安全漏洞。>为什么我在WordPress中工作不工作?您要嵌入的URL可能不是来自支持oembed的站点,或者可能与插件或主题发生冲突。如果您遇到麻烦,请尝试禁用所有插件并切换到默认主题以查看解决问题是否解决。
我可以在WordPress中使用自定义帖子类型吗?您可以在WordPress中使用自定义帖子类型的OEMBED。您只需要确保自定义帖子类型支持“编辑器”功能。
>>如何添加对WordPress中新的OEMBED提供商的支持?通过使用WP_OEMBED_ADD_PROVIDER()函数来启用提供商。此功能允许您为提供者指定URL方案,以及WordPress应使用的终点,以获取嵌入的HTML。 ,您可以限制WordPress中OEMBEDS的宽度和高度。这可以通过使用Embed_defaults过滤器来完成,该过滤器允许您指定所有OEMBEDS的最大宽度和高度。
>>我如何在WordPress中缓存oembed embed响应?
wordpress 24小时以提高性能。但是,您可以使用OEMBED_TTL过滤器来更改此持续时间。>我可以在wordpress中使用邮政编辑器外部的oembed吗?是的,您可以通过使用邮政编辑器的oembed使用。 wp_oembed_get()函数。此功能允许您获取URL的嵌入HTML并在网站上的任何地方显示。
以上是启示和WordPress的简介的详细内容。更多信息请关注PHP中文网其他相关文章!

本教程演示了使用面向对象的编程(OOP)原理构建WordPress插件,利用Dribbble API。 让我们在保留原始含义和结构的同时完善文本以清晰和简洁。 object-ori

将PHP数据传递给JavaScript的最佳实践:WP_LOCALIZE_SCRIPT和WP_ADD_INLINE_SCRIPT的比较 在PHP文件中将数据存储在静态字符串中是建议的练习。 如果在您的JavaScript代码中需要此数据,请合并

本指南演示了如何使用WordPress PDF插件在WordPress帖子和页面中嵌入和保护PDF文件。 PDFS为从目录到演示文稿提供了一种用户友好的,普遍访问的格式。 此方法ENS

WordPress对初学者来说容易上手。1.登录后台后,用户界面直观,简洁的仪表板提供所有必要功能链接。2.基本操作包括创建和编辑内容,所见即所得的编辑器简化了内容创建。3.初学者可以通过插件和主题扩展网站功能,学习曲线存在但可以通过实践掌握。

人们选择使用WordPress是因为其强大和灵活性。1)WordPress是一个开源的CMS,易用性和可扩展性强,适合各种网站需求。2)它有丰富的主题和插件,生态系统庞大,社区支持强大。3)WordPress的工作原理基于主题、插件和核心功能,使用PHP和MySQL处理数据,支持性能优化。

WordPress核心版本是免费的,但使用过程中可能产生其他费用。1.域名和托管服务需要付费。2.高级主题和插件可能需要付费。3.专业服务和高级功能可能需要付费。

WordPress本身免费,但使用需额外费用:1.WordPress.com提供从免费到付费的套餐,价格从每月几美元到几十美元不等;2.WordPress.org需购买域名(每年10-20美元)和托管服务(每月5-50美元);3.插件和主题多数免费,付费的价格在几十到几百美元之间;通过选择合适的托管服务、合理使用插件和主题、定期维护和优化,可以有效控制和优化WordPress的成本。

Wix适合没有编程经验的用户,WordPress适合希望有更多控制和扩展能力的用户。1)Wix提供拖放式编辑器和丰富模板,易于快速搭建网站。2)WordPress作为开源CMS,拥有庞大社区和插件生态,支持深度自定义和扩展。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

WebStorm Mac版
好用的JavaScript开发工具

安全考试浏览器
Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。