啟示和WordPress的簡介

> >最終用戶想要一個易於發佈內容的CMS。我相信大多數用戶不想用力編碼他們的內容。如果客戶問我：“我想添加Slideshare中的一些內容”，我的思想將用於REST API或至少嵌入代碼。今天，我們將查看您可能甚至不知道的WordPress的功能。

>

鑰匙要點

OEMBED是一項協議，可以通過消費者和提供商的關係輕鬆嵌入網站中的內容。它指定了四種類型的資源 - 照片，視頻，鏈接和豐富 - 所有這些資源都提供了響應的URL，寬度和高度。

> WordPress已內置支持OEMBED，並附有白名單提供商列表。通過簡單地粘貼從白名單提供商創建帖子或頁面時的URL，WordPress會自動獲取嵌入式HTML並將其顯示在帖子中。用戶還可以手動添加其他提供商。
• >
超出其對最終用戶的簡單性，Oembed是WordPress中的靈活工具。用戶可以對白名單進行試驗，與自己的提供商擴展，甚至可以自定義其蓋床的外觀。 WordPress還提供了註冊支持OEMBED並在網站上添加OEMBED支持的站點的功能。
• 引入oembed

> OEMBED是將內容嵌入網站中的一種非常簡單的方法。 OEMBED由消費者和提供商組成。提供商提供的資源可以嵌入消費者，消費者通過OEMBED端點請求這些資源。

OEMBED實施指定4種類型的資源：

photo

視頻
鏈接
Rich
• 照片，視頻和豐富類型應在其響應中提供URL，寬度和高度。提供商還可以包含其他數據，但是在處理此類內容時，這些都是所需的。 OEMBED規範是指導方針，提供者可以自己實施OEMBED。提供商至少應具有一個啟用端點和資源URL。
>

>讓我們看一下幻燈片，看看它們是如何實現的。在他們的文檔中，他們指定了OEMBED端點和資源端點。 OEMBED端點是：http：//www.slideshare.net/api/oembed/2。資源端點看起來像這樣：http：//www.slideshare.net/user-slug/slidename-slug。為了從提供商那裡獲取信息，我們應該使用OEMBED端點並傳遞資源的URL參數。參數應編碼URL。最小要求是URL參數，但您也可以通過和maxheight 和>格式。這確實取決於內容格式，但是對於視頻，照片和豐富格式，您可以選擇通過這些參數。另外，OEMBED僅指定GET方法，因此您不能使用其他方法。 > >讓我們使用URL參數向此端點提出請求。 向以下要求：http：//www.slideshare.net/api/oembed/2?url=http://www.slideshare.net.net/chris-burgess/chris-burgess/wordpress-wordpress-themeswpmelb2014，您會得到XML響應下列的：

如果僅請求瀏覽器中的URL值，則只需獲得一個普通的HTML頁面即可。您每天看到的東西。如果不請求其他格式，則slideshare默認為XML格式。讓我們稍微更改請求。這次，我們將添加另一個參數並獲得JSON響應。

>

<span><span><span>&lt;oembed</span>&gt;</span>
</span>  <span><span><span>&lt;total-slides</span> type<span>="integer"</span>&gt;</span>50<span><span>&lt;/total-slides</span>&gt;</span>  
</span>  <span><span><span>&lt;thumbnail-width</span> type<span>="integer"</span>&gt;</span>170<span><span>&lt;/thumbnail-width</span>&gt;</span>
</span>  <span><span><span>&lt;width</span> type<span>="integer"</span>&gt;</span>425<span><span>&lt;/width</span>&gt;</span>
</span>  <span><span><span>&lt;type</span>&gt;</span>rich<span><span>&lt;/type</span>&gt;</span>
</span>  <span><span><span>&lt;provider-name</span>&gt;</span>SlideShare<span><span>&lt;/provider-name</span>&gt;</span>
</span>  <span><span><span>&lt;slideshow-id</span> type<span>="integer"</span>&gt;</span>41489102<span><span>&lt;/slideshow-id</span>&gt;</span>
</span>  <span><span><span>&lt;provider-url</span>&gt;</span>http://www.slideshare.net<span><span>&lt;/provider-url</span>&gt;</span>
</span>  <span><span><span>&lt;slide-image-baseurl</span>&gt;</span>//image.slidesharecdn.com/wordpress-themes-wpmelb-2014-141112215416-conversion-gate02/95/slide-<span><span>&lt;/slide-image-baseurl</span>&gt;</span>
</span>  <span><span><span>&lt;version</span>&gt;</span>1.0<span><span>&lt;/version</span>&gt;</span>
</span>  <span><span><span>&lt;conversion-version</span> type<span>="integer"</span>&gt;</span>2<span><span>&lt;/conversion-version</span>&gt;</span>
</span>  <span><span><span>&lt;html</span>&gt;</span><span><span>&lt;iframe</span> 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&gt;</span> <span><span>&lt;/iframe</span>&gt;</span> <span><span>&lt;div</span> <span>style<span>="<span>margin-bottom:5px</span>"</span></span>&gt;</span> <span><span>&lt;strong</span>&gt;</span> <span><span>&lt;a</span> href<span>="https://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014"</span> title<span>="WordPress Themes Demystified"</span> target<span>="_blank"</span>&gt;</span>WordPress Themes Demystified<span><span>&lt;/a</span>&gt;</span> <span><span>&lt;/strong</span>&gt;</span> from <span><span>&lt;strong</span>&gt;</span><span><span>&lt;a</span> href<span>="http://www.slideshare.net/chris-burgess"</span> target<span>="_blank"</span>&gt;</span>Chris Burgess<span><span>&lt;/a</span>&gt;</span><span><span>&lt;/strong</span>&gt;</span> <span><span>&lt;/div</span>&gt;</span>
</span>  <span><span><span>&lt;/html</span>&gt;</span>
</span>  <span><span><span>&lt;author-name</span>&gt;</span>Chris Burgess<span><span>&lt;/author-name</span>&gt;</span>
</span>  <span><span><span>&lt;title</span>&gt;</span>WordPress Themes Demystified<span><span>&lt;/title</span>&gt;</span>
</span>  <span><span><span>&lt;height</span> type<span>="integer"</span>&gt;</span>355<span><span>&lt;/height</span>&gt;</span>
</span><span><span><span>&lt;/oembed</span>&gt;</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": "&lt;iframe src=\"http://www.slideshare.net/slideshow/embed_code/41489102\" width=\"427\" height=\"356\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;\" allowfullscreen&gt; &lt;/iframe&gt; &lt;div style=\"margin-bottom:5px\"&gt; &lt;strong&gt; &lt;a href=\"https://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014\" title=\"WordPress Themes Demystified\" target=\"_blank\"&gt;WordPress Themes Demystified&lt;/a&gt; &lt;/strong&gt; from &lt;strong&gt;&lt;a href=\"http://www.slideshare.net/chris-burgess\" target=\"_blank\"&gt;Chris Burgess&lt;/a&gt;&lt;/strong&gt; &lt;/div&gt;\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。 >

如果您想進一步了解頒布的規範，請查看官方的Oembed Docs。還要查看Slideshare oembed文檔並進行一些播放，以更好地了解其工作原理。

<span>{
</span>
    <span>"conversion_version": 2,
</span>    <span>"version_no": "1415853027",
</span>    <span>"slide_image_baseurl_suffix": "-320.jpg",
</span>    <span>"html": "&lt;iframe src=\"http://www.slideshare.net/slideshow/embed_code/41489102\" width=\"202\" height=\"168\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;\" allowfullscreen&gt; &lt;/iframe&gt; &lt;div style=\"margin-bottom:5px\"&gt; &lt;strong&gt; &lt;a href=\"https://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014\" title=\"WordPress Themes Demystified\" target=\"_blank\"&gt;WordPress Themes Demystified&lt;/a&gt; &lt;/strong&gt; from &lt;strong&gt;&lt;a href=\"http://www.slideshare.net/chris-burgess\" target=\"_blank\"&gt;Chris Burgess&lt;/a&gt;&lt;/strong&gt; &lt;/div&gt;\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並在網站上的任何地方顯示。

以上是啟示和WordPress的簡介的詳細內容。更多資訊請關注PHP中文網其他相關文章！