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


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

熱AI工具

Undress AI Tool
免費脫衣服圖片

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

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

Clothoff.io
AI脫衣機

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

熱門文章

熱工具

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

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

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

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

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

WordPress導致服務器CPU使用率飆升的主要原因包括插件問題、數據庫查詢效率低、主題代碼質量差或流量激增。1.首先通過top、htop或控制面板工具確認是否為WordPress引起的高負載;2.進入故障排查模式逐步啟用插件排查性能瓶頸,使用QueryMonitor分析插件執(zhí)行情況并刪除或替換低效插件;3.安裝緩存插件、清理冗余數據、分析慢查詢日志以優(yōu)化數據庫;4.檢查主題是否存在過度加載內容、復雜查詢或缺乏緩存機制等問題,建議用標準主題測試對比并優(yōu)化代碼邏輯。按照上述步驟逐一排查可定位并解

MinifyingJavaScript文件可通過刪除空白、注釋和無用代碼來提升WordPress網站加載速度。1.使用支持合并壓縮的緩存插件如W3TotalCache,在“Minify”選項中啟用并選擇壓縮模式;2.使用專用壓縮插件如FastVelocityMinify,提供更精細控制;3.手動壓縮JS文件并通過FTP上傳,適用于熟悉開發(fā)工具的用戶。注意部分主題或插件腳本可能與壓縮功能沖突,啟用后需徹底測試網站功能。

優(yōu)化WordPress站點不依賴插件的方法包括:1.使用輕量級主題,如Astra或GeneratePress,避免功能堆砌的主題;2.手動壓縮和合并CSS、JS文件,減少HTTP請求;3.上傳前優(yōu)化圖片,使用WebP格式并控制文件大??;4.配置.htaccess啟用瀏覽器緩存,并接入CDN提升靜態(tài)資源加載速度;5.限制文章修訂版本并定期清理數據庫冗余數據。

TransientsAPI是WordPress中用于臨時存儲可自動過期數據的內置工具,其核心函數為set_transient、get_transient和delete_transient。相比OptionsAPI,transients支持設置生存時間(TTL),適合緩存API請求結果、復雜計算數據等場景。使用時需注意key命名唯一性與命名空間、緩存“懶刪除”機制及對象緩存環(huán)境下可能不持久的問題。典型應用場景包括減少外部請求頻率、控制代碼執(zhí)行節(jié)奏和提升頁面加載性能。

防止評論垃圾信息最有效的方式是通過程序化手段自動識別并攔截。1.使用驗證碼機制(如GooglereCAPTCHA或hCaptcha)可有效區(qū)分人類與機器人,尤其適合公眾網站;2.設置隱藏字段(Honeypot技術),利用機器人自動填寫特性識別垃圾評論,不影響用戶體驗;3.檢查評論內容關鍵詞黑名單,通過敏感詞匹配過濾垃圾信息,需注意避免誤判;4.判斷評論頻率與來源IP,限制單位時間內的提交次數并建立黑名單;5.使用第三方反垃圾服務(如Akismet、Cloudflare)提升識別準確性??筛鶕W站

在開發(fā)Gutenberg塊時,正確enqueue資產的方法包括:1.使用register_block_type指定editor_script、editor_style和style的路徑;2.在functions.php或插件中通過wp_register_script和wp_register_style注冊資源,并設置正確的依賴和版本;3.配置構建工具輸出合適的模塊格式,并確保路徑一致;4.通過add_theme_support或enqueue_block_assets控制前端樣式的加載邏輯,確保

要添加自定義用戶字段需根據平臺選擇擴展方式并注意數據驗證與權限控制。常見做法包括:1.利用數據庫額外表或鍵值對結構存儲信息;2.在前端加入輸入框并與后端集成;3.對敏感數據進行格式校驗和訪問權限限制;4.更新接口及模板以支持新字段展示與編輯,同時兼顧移動端適配和用戶體驗。

robots.txt對WordPress網站的SEO至關重要,能引導搜索引擎抓取行為,避免重復內容并提升效率。1.屏蔽如/wp-admin/、/wp-includes/等系統(tǒng)路徑,但避免誤封/uploads/目錄;2.添加Sitemap路徑如Sitemap:https://yourdomain.com/sitemap.xml以幫助搜索引擎快速發(fā)現(xiàn)站點地圖;3.限制/page/和帶參數的URL以減少爬蟲浪費,但需注意勿封重要歸檔頁;4.避免常見錯誤如誤封全站、緩存插件影響更新及忽略移動端與子域名配
