>
鑰匙要點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

WordPressExcelSoverotherWeberSiteBuilderSduetoItsflexible,可伸縮性,andopen-sourcenature.1)它'saversatilecmswithExtEnsextEnsexenSiveCustomizedOptionsVIATHEMESANDPLUGINS.2)它的alllearbutoffersbutoffersbutoffersbutoffersbutefersbuterbutfulcontrololoncemastered.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
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

禪工作室 13.0.1
強大的PHP整合開發環境

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

記事本++7.3.1
好用且免費的程式碼編輯器