>
鑰匙要點(diǎn)OEMBED是一項(xiàng)協(xié)議,可以通過消費(fèi)者和提供商的關(guān)係輕鬆嵌入網(wǎng)站中的內(nèi)容。它指定了四種類型的資源 - 照片,視頻,鏈接和豐富 - 所有這些資源都提供了響應(yīng)的URL,寬度和高度。
- >
WordPress已內(nèi)置支持OEMBED,並附有白名單提供商列表。通過簡單地粘貼從白名單提供商創(chuàng)建帖子或頁面時的URL,WordPress會自動獲取嵌入式HTML並將其顯示在帖子中。用戶還可以手動添加其他提供商。
- > 超出其對最終用戶的簡單性,Oembed是WordPress中的靈活工具。用戶可以對白名單進(jìn)行試驗(yàn),與自己的提供商擴(kuò)展,甚至可以自定義其蓋床的外觀。 WordPress還提供了註冊支持OEMBED並在網(wǎng)站上添加OEMBED支持的站點(diǎn)的功能。
- 引入oembed
OEMBED實(shí)施指定4種類型的資源:
photo
- 視頻
- 鏈接
- Rich
- 照片,視頻和豐富類型應(yīng)在其響應(yīng)中提供URL,寬度和高度。提供商還可以包含其他數(shù)據(jù),但是在處理此類內(nèi)容時,這些都是所需的。 OEMBED規(guī)範(fàn)是指導(dǎo)方針,提供者可以自己實(shí)施OEMBED。提供商至少應(yīng)具有一個啟用端點(diǎn)和資源URL。 >
如果僅請求瀏覽器中的URL值,則只需獲得一個普通的HTML頁面即可。您每天看到的東西。如果不請求其他格式,則slideshare默認(rèn)為XML格式。讓我們稍微更改請求。這次,我們將添加另一個參數(shù)並獲得JSON響應(yīng)。
><span><span><span><oembed</span>></span> </span> <span><span><span><total-slides</span> type<span>="integer"</span>></span>50<span><span></total-slides</span>></span> </span> <span><span><span><thumbnail-width</span> type<span>="integer"</span>></span>170<span><span></thumbnail-width</span>></span> </span> <span><span><span><width</span> type<span>="integer"</span>></span>425<span><span></width</span>></span> </span> <span><span><span><type</span>></span>rich<span><span></type</span>></span> </span> <span><span><span><provider-name</span>></span>SlideShare<span><span></provider-name</span>></span> </span> <span><span><span><slideshow-id</span> type<span>="integer"</span>></span>41489102<span><span></slideshow-id</span>></span> </span> <span><span><span><provider-url</span>></span>http://www.slideshare.net<span><span></provider-url</span>></span> </span> <span><span><span><slide-image-baseurl</span>></span>//image.slidesharecdn.com/wordpress-themes-wpmelb-2014-141112215416-conversion-gate02/95/slide-<span><span></slide-image-baseurl</span>></span> </span> <span><span><span><version</span>></span>1.0<span><span></version</span>></span> </span> <span><span><span><conversion-version</span> type<span>="integer"</span>></span>2<span><span></conversion-version</span>></span> </span> <span><span><span><html</span>></span><span><span><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></span> <span><span></iframe</span>></span> <span><span><div</span> <span>style<span>="<span>margin-bottom:5px</span>"</span></span>></span> <span><span><strong</span>></span> <span><span><a</span> href<span>="https://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014"</span> title<span>="WordPress Themes Demystified"</span> target<span>="_blank"</span>></span>WordPress Themes Demystified<span><span></a</span>></span> <span><span></strong</span>></span> from <span><span><strong</span>></span><span><span><a</span> href<span>="http://www.slideshare.net/chris-burgess"</span> target<span>="_blank"</span>></span>Chris Burgess<span><span></a</span>></span><span><span></strong</span>></span> <span><span></div</span>></span> </span> <span><span><span></html</span>></span> </span> <span><span><span><author-name</span>></span>Chris Burgess<span><span></author-name</span>></span> </span> <span><span><span><title</span>></span>WordPress Themes Demystified<span><span></title</span>></span> </span> <span><span><span><height</span> type<span>="integer"</span>></span>355<span><span></height</span>></span> </span><span><span><span></oembed</span>></span></span>
>再次嘗試請求該資源,但是這次指定了一個附加參數(shù)。讓我們將MaxWidth參數(shù)放在200中,並請求此URL:http://www.slideshare.net/api/oembed/2?url=http://www.slideshare.net/chris/chris/chris-burgess /wordpress-wordpress-themes-themeswpmelb2011114&mamaxtctuecontueptsitcon 200,您應(yīng)該得到這個結(jié)果:
<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=\"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> </iframe> <div style=\"margin-bottom:5px\"> <strong> <a href=\"https://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014\" title=\"WordPress Themes Demystified\" target=\"_blank\">WordPress Themes Demystified</a> </strong> from <strong><a href=\"http://www.slideshare.net/chris-burgess\" 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的寬度與以前的請求進(jìn)行比較,則應(yīng)看到差異。第一個的寬度為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=\"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> </iframe> <div style=\"margin-bottom:5px\"> <strong> <a href=\"https://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014\" title=\"WordPress Themes Demystified\" target=\"_blank\">WordPress Themes Demystified</a> </strong> from <strong><a href=\"http://www.slideshare.net/chris-burgess\" 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>
為什麼這很有用
>一會兒,讓我們忘記技術(shù)實(shí)施。 WordPress更多地是關(guān)於最終用戶。 OEMBED規(guī)範(fàn)的所有實(shí)現(xiàn)都在WordPress代碼庫中。 WordPress擁有所有受支持的Oembed提供商的白色列表。這些只是他們的白名單中的一些。
>
然後,您將立即看到它呈現(xiàn)內(nèi)容:
> URL本身應(yīng)該是一行。 WordPress查找該鏈接,然後搜索以查看此鏈接是否是一個白名單的URL的資源。如果是這樣,則向OEMBed端點(diǎn)提出請求。在此示例中,我複制了Twitter狀態(tài)URL,WordPress在帖子中為我嵌入了該狀態(tài)。但這不僅限於Twitter,還要搜索白名單中的其他網(wǎng)站並與他們進(jìn)行實(shí)驗(yàn)。
>除白名單之外,每個頒發(fā)的站點(diǎn)都得到WordPress的支持。您可以手動添加其他提供商。 WordPress提供了兩個功能,一個用於註冊一個支持OEMBED的站點(diǎn),另一個用於我們可以為我們的網(wǎng)站添加OEMBed支持的站點(diǎn)。使用WP_OEMBED_ADD_PROVIDER()將現(xiàn)有的OEMBED網(wǎng)站添加到WordPress。您也可以使用WP_EMBED_REGISTER_HANDLER()添加非隔離站點(diǎn)?;蛘?,如果您像我一樣討厭重新發(fā)明輪子,也可以檢查插件是否首先存在。
結(jié)論
Oembed是使您的生活更輕鬆的方便WordPress功能之一。在本文中,我們介紹了宣告的內(nèi)容,我們查看了頒布的規(guī)格以及oembed和wordpress如何一起工作。但是不要止步於此。嘗試白名單並與您自己的提供商進(jìn)行擴(kuò)展。
經(jīng)常詢問有關(guān)OEMBED和WORDPRESS的問題
啟用了什麼,它如何與WordPress一起使用? > oembed是一項(xiàng)協(xié)議,它允許您的網(wǎng)站顯示嵌入式內(nèi)容(例如視頻,圖像,推文等),只需將URL粘貼到您的內(nèi)容。 WordPress已內(nèi)置支持OEMBED。當(dāng)您從支持OEMBed的站點(diǎn)粘貼URL時,WordPress會自動使用API??獲取嵌入式HTML並將其顯示在您的帖子中。這消除了從網(wǎng)站中復(fù)制和粘貼HTML的需求??梢酝ㄟ^使用諸如禁用嵌入或Oembed Manager之類的插件來做到這一點(diǎn)。另外,您可以在主題的functions.php文件中添加幾行代碼以禁用啟用。但是,請注意,這將禁用所有類型的嵌入。 >我可以在WordPress中自定義我的oembeds的外觀嗎?這可以通過將自定義CSS添加到您的主題中來完成。您需要的確切CSS取決於嵌入的類型和主題的設(shè)計(jì)。 >在使用WordPress中使用oembed?僅嵌入可信賴來源的內(nèi)容很重要。某些網(wǎng)站可能無法正確消毒其簽發(fā)代碼,這可能會導(dǎo)致安全漏洞。>為什麼我在WordPress中工作不工作?您要嵌入的URL可能不是來自支持oembed的站點(diǎn),或者可能與插件或主題發(fā)生衝突。如果您遇到麻煩,請嘗試禁用所有插件並切換到默認(rèn)主題以查看解決問題是否解決。
我可以在WordPress中使用自定義帖子類型嗎?您可以在WordPress中使用自定義帖子類型的OEMBED。您只需要確保自定義帖子類型支持“編輯器”功能。
>>如何添加對WordPress中新的OEMBED提供商的支持?通過使用WP_OEMBED_ADD_PROVIDER()函數(shù)來啟用提供商。此功能允許您為提供者指定URL方案,以及WordPress應(yīng)使用的終點(diǎn),以獲取嵌入的HTML。 ,您可以限制WordPress中OEMBEDS的寬度和高度。這可以通過使用Embed_defaults過濾器來完成,該過濾器允許您指定所有OEMBEDS的最大寬度和高度。
>>我如何在WordPress中緩存oembed embed響應(yīng)?
wordpress 24小時以提高性能。但是,您可以使用OEMBED_TTL過濾器來更改此持續(xù)時間。 >我可以在wordpress中使用郵政編輯器外部的oembed嗎? 是的,您可以通過使用郵政編輯器的oembed使用。 wp_oembed_get()函數(shù)。此功能允許您獲取URL的嵌入HTML並在網(wǎng)站上的任何地方顯示。


> URL本身應(yīng)該是一行。 WordPress查找該鏈接,然後搜索以查看此鏈接是否是一個白名單的URL的資源。如果是這樣,則向OEMBed端點(diǎn)提出請求。在此示例中,我複制了Twitter狀態(tài)URL,WordPress在帖子中為我嵌入了該狀態(tài)。但這不僅限於Twitter,還要搜索白名單中的其他網(wǎng)站並與他們進(jìn)行實(shí)驗(yàn)。
>除白名單之外,每個頒發(fā)的站點(diǎn)都得到WordPress的支持。您可以手動添加其他提供商。 WordPress提供了兩個功能,一個用於註冊一個支持OEMBED的站點(diǎn),另一個用於我們可以為我們的網(wǎng)站添加OEMBed支持的站點(diǎn)。使用WP_OEMBED_ADD_PROVIDER()將現(xiàn)有的OEMBED網(wǎng)站添加到WordPress。您也可以使用WP_EMBED_REGISTER_HANDLER()添加非隔離站點(diǎn)?;蛘?,如果您像我一樣討厭重新發(fā)明輪子,也可以檢查插件是否首先存在。結(jié)論
Oembed是使您的生活更輕鬆的方便WordPress功能之一。在本文中,我們介紹了宣告的內(nèi)容,我們查看了頒布的規(guī)格以及oembed和wordpress如何一起工作。但是不要止步於此。嘗試白名單並與您自己的提供商進(jìn)行擴(kuò)展。
經(jīng)常詢問有關(guān)OEMBED和WORDPRESS的問題
啟用了什麼,它如何與WordPress一起使用? > oembed是一項(xiàng)協(xié)議,它允許您的網(wǎng)站顯示嵌入式內(nèi)容(例如視頻,圖像,推文等),只需將URL粘貼到您的內(nèi)容。 WordPress已內(nèi)置支持OEMBED。當(dāng)您從支持OEMBed的站點(diǎn)粘貼URL時,WordPress會自動使用API??獲取嵌入式HTML並將其顯示在您的帖子中。這消除了從網(wǎng)站中復(fù)制和粘貼HTML的需求??梢酝ㄟ^使用諸如禁用嵌入或Oembed Manager之類的插件來做到這一點(diǎn)。另外,您可以在主題的functions.php文件中添加幾行代碼以禁用啟用。但是,請注意,這將禁用所有類型的嵌入。 >我可以在WordPress中自定義我的oembeds的外觀嗎?這可以通過將自定義CSS添加到您的主題中來完成。您需要的確切CSS取決於嵌入的類型和主題的設(shè)計(jì)。 >在使用WordPress中使用oembed?僅嵌入可信賴來源的內(nèi)容很重要。某些網(wǎng)站可能無法正確消毒其簽發(fā)代碼,這可能會導(dǎo)致安全漏洞。>為什麼我在WordPress中工作不工作?您要嵌入的URL可能不是來自支持oembed的站點(diǎn),或者可能與插件或主題發(fā)生衝突。如果您遇到麻煩,請嘗試禁用所有插件並切換到默認(rèn)主題以查看解決問題是否解決。
我可以在WordPress中使用自定義帖子類型嗎?您可以在WordPress中使用自定義帖子類型的OEMBED。您只需要確保自定義帖子類型支持“編輯器”功能。
>>如何添加對WordPress中新的OEMBED提供商的支持?通過使用WP_OEMBED_ADD_PROVIDER()函數(shù)來啟用提供商。此功能允許您為提供者指定URL方案,以及WordPress應(yīng)使用的終點(diǎn),以獲取嵌入的HTML。 ,您可以限制WordPress中OEMBEDS的寬度和高度。這可以通過使用Embed_defaults過濾器來完成,該過濾器允許您指定所有OEMBEDS的最大寬度和高度。
>>我如何在WordPress中緩存oembed embed響應(yīng)?
wordpress 24小時以提高性能。但是,您可以使用OEMBED_TTL過濾器來更改此持續(xù)時間。 >我可以在wordpress中使用郵政編輯器外部的oembed嗎?是的,您可以通過使用郵政編輯器的oembed使用。 wp_oembed_get()函數(shù)。此功能允許您獲取URL的嵌入HTML並在網(wǎng)站上的任何地方顯示。
以上是啟示和WordPress的簡介的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

熱AI工具

Undress AI Tool
免費(fèi)脫衣圖片

Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

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

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費(fèi)的程式碼編輯器

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

禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

使用Git管理WordPress項(xiàng)目時,應(yīng)只將主題、自定義插件和配置文件納入版本控制;設(shè)置.gitignore文件以忽略上傳目錄、緩存和敏感配置;利用webhook或CI工具實(shí)現(xiàn)自動部署並註意數(shù)據(jù)庫處理;採用兩分支策略(main/develop)進(jìn)行協(xié)作開發(fā)。這樣做可避免衝突、保障安全,並提升協(xié)作與部署效率。

創(chuàng)建Gutenberg塊的關(guān)鍵在於理解其基本結(jié)構(gòu)並正確連接前後端資源。 1.準(zhǔn)備開發(fā)環(huán)境:安裝本地WordPress、Node.js和@wordpress/scripts;2.使用PHP註冊塊並用JavaScript定義塊的編輯和顯示邏輯;3.通過npm構(gòu)建JS文件以使更改生效;4.遇到問題時檢查路徑、圖標(biāo)是否正確或使用實(shí)時監(jiān)聽構(gòu)建避免重複手動編譯。按照這些步驟,可以逐步實(shí)現(xiàn)一個簡單的Gutenberg塊。

使用WordPress測試環(huán)境是為了確保新功能、插件或主題在正式上線前的安全性和兼容性,避免影響真實(shí)網(wǎng)站。搭建測試環(huán)境的步驟包括:下載安裝本地服務(wù)器軟件(如LocalWP、XAMPP),創(chuàng)建站點(diǎn)、設(shè)置數(shù)據(jù)庫和管理員賬號,安裝主題和插件進(jìn)行測試;複製正式網(wǎng)站到測試環(huán)境的方法是通過插件導(dǎo)出站點(diǎn)、導(dǎo)入測試環(huán)境並替換域名;使用時應(yīng)注意不使用真實(shí)用戶數(shù)據(jù)、定期清理無用數(shù)據(jù)、備份測試狀態(tài)、適時重置環(huán)境,並統(tǒng)一團(tuán)隊(duì)配置以減少差異問題。

在WordPress中,當(dāng)新增自定義文章類型或修改固定鏈接結(jié)構(gòu)後,需手動刷新重寫規(guī)則,此時可通過代碼調(diào)用flush_rewrite_rules()函數(shù)實(shí)現(xiàn)。 1.可在主題或插件激活鉤子中添加該函數(shù)以自動刷新;2.僅在必要時執(zhí)行一次,如添加CPT、分類法或修改鏈接結(jié)構(gòu)後;3.避免頻繁調(diào)用以免影響性能;4.多站點(diǎn)環(huán)境下需視情況為每個站點(diǎn)單獨(dú)刷新;5.某些託管環(huán)境可能限制規(guī)則保存。此外,訪問“設(shè)置>固定鏈接”頁麵點(diǎn)擊保存也可觸髮刷新,適合非自動化場景。

tosetupredirectsinwordpressingthe.htaccessfile,locateThEfileInyourSite'sRootDirectorectoryAndDrectRectrulesabovethe#beginWordPresssection.forbasic301redirects,USETHEETHEETERECTREFTATRECTATREDERTREFTATREDERTREFTATRECTRECTATRECTRECTATREDECT301/OLD-PAGEHTTPS:

UsingsMtpForWordPresseMailSimProvesDeliverabilitialComparedComparedTothEdeDefaultPhpMail()函數(shù).1.smtpauthenticateswithyouremailserver.2.somemomehostsdisablesablephpmail()

要實(shí)現(xiàn)響應(yīng)式WordPress主題設(shè)計(jì),首先要使用HTML5和移動優(yōu)先的Meta標(biāo)籤,在header.php中添加viewport設(shè)置以確保移動端正確顯示,並用HTML5結(jié)構(gòu)標(biāo)籤組織佈局;其次,利用CSS媒體查詢實(shí)現(xiàn)不同屏幕寬度下的樣式適配,按移動優(yōu)先原則編寫樣式,常用斷點(diǎn)包括480px、768px和1024px;第三,彈性處理圖片和佈局,為圖片設(shè)置max-width:100%並使用Flexbox或Grid佈局替代固定寬度;最後,通過瀏覽器開發(fā)者工具和真實(shí)設(shè)備進(jìn)行充分測試,優(yōu)化加載性能,確保響應(yīng)

TOINTEGRATETHIRD-PARTYAPISINTOWORDPRESS,關(guān)注臺詞:1.SelectAutableabepianDobtainCredentialslikeapikeYsoroAuthtoKensByEnterRegisteringThemSecure.2.ChooseBeteBetB????eteBetB????eteBetB????etebetInpliCityOorcustimplicityOrcustomPliCoseTompliCoseTomploomcoseusionfunctionfunctionfunctibunitiacuciencipuity forfunigation。
