>
钥匙要点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中文网其他相关文章!

你不需要编程知识就能使用WordPress,但掌握编程可以提升体验。1)使用CSS和HTML可以调整主题样式。2)PHP知识能编辑主题文件,添加功能。3)自定义插件和元标签可优化SEO。4)注意备份和使用子主题以防更新问题。

TosecureaWordPresssite,followthesesteps:1)RegularlyupdateWordPresscore,themes,andpluginstopatchvulnerabilities.2)Usestrong,uniquepasswordsandenabletwo-factorauthentication.3)OptformanagedWordPresshostingorsecuresharedhostingwithawebapplicationfirewal

WordPressExcelSoverotherWeberteBuilderSduetoItsflexible,可伸缩性,andopen-sourcenature.1)它'saversatilecmswithExtEnsextEnsiveCustomizedOptionsVIATHEMESANDPLUGINS.2)它的alllearbutoffersbutoffersbutoffersbutoffersbutofferspopelyContrololonCemastered.3)

2025年网站开发的七个必备WordPress插件 在2025年建立顶级WordPress网站需要速度,响应能力和可扩展性。 实现这种有效的实现通常取决于战略插件的选择。 这篇文章Highlig

WordPresscanbeusedforvariouspurposesbeyondblogging.1)E-commerce:WithWooCommerce,itcanbecomeafullonlinestore.2)Membershipsites:PluginslikeMemberPressenableexclusivecontentareas.3)Portfoliosites:ThemeslikeAstraallowstunninglayouts.Ensuretomanageplugins

是的,wordpressisisexcellentforcortingaportfoliowebsite.1)itoffersnumeroversnumeroverportfolio-spificthemeslike'astra'astra'astra'astra'astra'astra'astra'astra'astra'elementor'Enelementor'enableIntiviveSiveSign,Thoughtemanycanslowthesite.3)

WordPressisadvantageousovercodingawebsitefromscratchdueto:1)easeofuseandfasterdevelopment,2)flexibilityandscalability,3)strongcommunitysupport,4)built-inSEOandmarketingtools,5)cost-effectiveness,and6)regularsecurityupdates.Thesefeaturesallowforquicke

WordPressIsAcmsDuetoItseAsofuse,自定义,USERMANAMECTION,SEO和COMMUNITYSUPPORT.1)ITSIMPLIFIESCONTENTMANGAMEWITHANINTUISIDERFEEFFECE.2)提供extentensiveCustomizationThroughThroughTheMesandPlugins.3)supportrobustuserrolesandplugins.4)supportrobustuserrolesandpermissions.4)增强


热AI工具

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

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

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

Dreamweaver CS6
视觉化网页开发工具

Dreamweaver Mac版
视觉化网页开发工具

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

WebStorm Mac版
好用的JavaScript开发工具