>
鑰匙要點OEMBED是一項協(xié)議,可以通過消費者和提供商的關(guān)系輕松嵌入網(wǎng)站中的內(nèi)容。它指定了四種類型的資源 - 照片,視頻,鏈接和豐富 - 所有這些資源都提供了響應(yīng)的URL,寬度和高度。
- >
WordPress已內(nèi)置支持OEMBED,并附有白名單提供商列表。通過簡單地粘貼從白名單提供商創(chuàng)建帖子或頁面時的URL,WordPress會自動獲取嵌入式HTML并將其顯示在帖子中。用戶還可以手動添加其他提供商。
- > 超出其對最終用戶的簡單性,Oembed是WordPress中的靈活工具。用戶可以對白名單進行試驗,與自己的提供商擴展,甚至可以自定義其蓋床的外觀。 WordPress還提供了注冊支持OEMBED并在網(wǎng)站上添加OEMBED支持的站點的功能。
- 引入oembed
OEMBED實施指定4種類型的資源:
photo
- 視頻
- 鏈接
- Rich
- 照片,視頻和豐富類型應(yīng)在其響應(yīng)中提供URL,寬度和高度。提供商還可以包含其他數(shù)據(jù),但是在處理此類內(nèi)容時,這些都是所需的。 OEMBED規(guī)范是指導(dǎo)方針,提供者可以自己實施OEMBED。提供商至少應(yīng)具有一個啟用端點和資源URL。 >
如果僅請求瀏覽器中的URL值,則只需獲得一個普通的HTML頁面即可。您每天看到的東西。如果不請求其他格式,則slideshare默認為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的寬度與以前的請求進行比較,則應(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ù)實施。 WordPress更多地是關(guān)于最終用戶。 OEMBED規(guī)范的所有實現(xiàn)都在WordPress代碼庫中。 WordPress擁有所有受支持的Oembed提供商的白色列表。這些只是他們的白名單中的一些。
>
然后,您將立即看到它呈現(xiàn)內(nèi)容:
> URL本身應(yīng)該是一行。 WordPress查找該鏈接,然后搜索以查看此鏈接是否是一個白名單的URL的資源。如果是這樣,則向OEMBed端點提出請求。在此示例中,我復(fù)制了Twitter狀態(tài)URL,WordPress在帖子中為我嵌入了該狀態(tài)。但這不僅限于Twitter,還要搜索白名單中的其他網(wǎng)站并與他們進行實驗。
>除白名單之外,每個頒發(fā)的站點都得到WordPress的支持。您可以手動添加其他提供商。 WordPress提供了兩個功能,一個用于注冊一個支持OEMBED的站點,另一個用于我們可以為我們的網(wǎng)站添加OEMBed支持的站點。使用WP_OEMBED_ADD_PROVIDER()將現(xiàn)有的OEMBED網(wǎng)站添加到WordPress。您也可以使用WP_EMBED_REGISTER_HANDLER()添加非隔離站點?;蛘?,如果您像我一樣討厭重新發(fā)明輪子,也可以檢查插件是否首先存在。
結(jié)論
Oembed是使您的生活更輕松的方便WordPress功能之一。在本文中,我們介紹了宣告的內(nèi)容,我們查看了頒布的規(guī)格以及oembed和wordpress如何一起工作。但是不要止步于此。嘗試白名單并與您自己的提供商進行擴展。
經(jīng)常詢問有關(guān)OEMBED和WORDPRESS的問題
啟用了什么,它如何與WordPress一起使用?> oembed是一項協(xié)議,它允許您的網(wǎng)站顯示嵌入式內(nèi)容(例如視頻,圖像,推文等),只需將URL粘貼到您的內(nèi)容。 WordPress已內(nèi)置支持OEMBED。當(dāng)您從支持OEMBed的站點粘貼URL時,WordPress會自動使用API??獲取嵌入式HTML并將其顯示在您的帖子中。這消除了從網(wǎng)站中復(fù)制和粘貼HTML的需求??梢酝ㄟ^使用諸如禁用嵌入或Oembed Manager之類的插件來做到這一點。另外,您可以在主題的functions.php文件中添加幾行代碼以禁用啟用。但是,請注意,這將禁用所有類型的嵌入。>我可以在WordPress中自定義我的oembeds的外觀嗎?這可以通過將自定義CSS添加到您的主題中來完成。您需要的確切CSS取決于嵌入的類型和主題的設(shè)計。>在使用WordPress中使用oembed?僅嵌入可信賴來源的內(nèi)容很重要。某些網(wǎng)站可能無法正確消毒其簽發(fā)代碼,這可能會導(dǎo)致安全漏洞。>為什么我在WordPress中工作不工作?您要嵌入的URL可能不是來自支持oembed的站點,或者可能與插件或主題發(fā)生沖突。如果您遇到麻煩,請嘗試禁用所有插件并切換到默認主題以查看解決問題是否解決。
我可以在WordPress中使用自定義帖子類型嗎?您可以在WordPress中使用自定義帖子類型的OEMBED。您只需要確保自定義帖子類型支持“編輯器”功能。
>>如何添加對WordPress中新的OEMBED提供商的支持?通過使用WP_OEMBED_ADD_PROVIDER()函數(shù)來啟用提供商。此功能允許您為提供者指定URL方案,以及WordPress應(yīng)使用的終點,以獲取嵌入的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端點提出請求。在此示例中,我復(fù)制了Twitter狀態(tài)URL,WordPress在帖子中為我嵌入了該狀態(tài)。但這不僅限于Twitter,還要搜索白名單中的其他網(wǎng)站并與他們進行實驗。
>除白名單之外,每個頒發(fā)的站點都得到WordPress的支持。您可以手動添加其他提供商。 WordPress提供了兩個功能,一個用于注冊一個支持OEMBED的站點,另一個用于我們可以為我們的網(wǎng)站添加OEMBed支持的站點。使用WP_OEMBED_ADD_PROVIDER()將現(xiàn)有的OEMBED網(wǎng)站添加到WordPress。您也可以使用WP_EMBED_REGISTER_HANDLER()添加非隔離站點?;蛘?,如果您像我一樣討厭重新發(fā)明輪子,也可以檢查插件是否首先存在。結(jié)論
Oembed是使您的生活更輕松的方便WordPress功能之一。在本文中,我們介紹了宣告的內(nèi)容,我們查看了頒布的規(guī)格以及oembed和wordpress如何一起工作。但是不要止步于此。嘗試白名單并與您自己的提供商進行擴展。
經(jīng)常詢問有關(guān)OEMBED和WORDPRESS的問題
啟用了什么,它如何與WordPress一起使用?> oembed是一項協(xié)議,它允許您的網(wǎng)站顯示嵌入式內(nèi)容(例如視頻,圖像,推文等),只需將URL粘貼到您的內(nèi)容。 WordPress已內(nèi)置支持OEMBED。當(dāng)您從支持OEMBed的站點粘貼URL時,WordPress會自動使用API??獲取嵌入式HTML并將其顯示在您的帖子中。這消除了從網(wǎng)站中復(fù)制和粘貼HTML的需求??梢酝ㄟ^使用諸如禁用嵌入或Oembed Manager之類的插件來做到這一點。另外,您可以在主題的functions.php文件中添加幾行代碼以禁用啟用。但是,請注意,這將禁用所有類型的嵌入。>我可以在WordPress中自定義我的oembeds的外觀嗎?這可以通過將自定義CSS添加到您的主題中來完成。您需要的確切CSS取決于嵌入的類型和主題的設(shè)計。>在使用WordPress中使用oembed?僅嵌入可信賴來源的內(nèi)容很重要。某些網(wǎng)站可能無法正確消毒其簽發(fā)代碼,這可能會導(dǎo)致安全漏洞。>為什么我在WordPress中工作不工作?您要嵌入的URL可能不是來自支持oembed的站點,或者可能與插件或主題發(fā)生沖突。如果您遇到麻煩,請嘗試禁用所有插件并切換到默認主題以查看解決問題是否解決。
我可以在WordPress中使用自定義帖子類型嗎?您可以在WordPress中使用自定義帖子類型的OEMBED。您只需要確保自定義帖子類型支持“編輯器”功能。
>>如何添加對WordPress中新的OEMBED提供商的支持?通過使用WP_OEMBED_ADD_PROVIDER()函數(shù)來啟用提供商。此功能允許您為提供者指定URL方案,以及WordPress應(yīng)使用的終點,以獲取嵌入的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的簡介的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

熱AI工具

Undress AI Tool
免費脫衣服圖片

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

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

Clothoff.io
AI脫衣機

Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!

熱門文章

熱工具

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

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

禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境

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

SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)

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

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

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

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

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

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

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

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