>
鑰匙要點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開發選擇了正確的綜合開發環境(IDE)十年後,我探索了WordPress開發的眾多集成開發環境(IDE)。 純粹的品種 - 從免費到商業,基本到FEA

本教程演示了使用面向對象的編程(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處理數據,支持性能優化。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3漢化版
中文版,非常好用

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

SublimeText3 Linux新版
SublimeText3 Linux最新版

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。