搜尋
首頁CMS教程&#&按啟示和WordPress的簡介

啟示和WordPress的簡介

> >最終用戶想要一個易於發佈內容的CMS。我相信大多數用戶不想用力編碼他們的內容。如果客戶問我:“我想添加Slideshare中的一些內容”,我的思想將用於REST API或至少嵌入代碼。今天,我們將查看您可能甚至不知道的WordPress的功能。

>

鑰匙要點

OEMBED是一項協議,可以通過消費者和提供商的關係輕鬆嵌入網站中的內容。它指定了四種類型的資源 - 照片,視頻,鏈接和豐富 - 所有這些資源都提供了響應的URL,寬度和高度。
    > WordPress已內置支持OEMBED,並附有白名單提供商列表。通過簡單地粘貼從白名單提供商創建帖子或頁面時的URL,WordPress會自動獲取嵌入式HTML並將其顯示在帖子中。用戶還可以手動添加其他提供商。
  • >
  • 超出其對最終用戶的簡單性,Oembed是WordPress中的靈活工具。用戶可以對白名單進行試驗,與自己的提供商擴展,甚至可以自定義其蓋床的外觀。 WordPress還提供了註冊支持OEMBED並在網站上添加OEMBED支持的站點的功能。
  • 引入oembed
> OEMBED是將內容嵌入網站中的一種非常簡單的方法。 OEMBED由消費者和提供商組成。提供商提供的資源可以嵌入消費者,消費者通過OEMBED端點請求這些資源。

OEMBED實施指定4種類型的資源:

photo

    視頻
  • 鏈接
  • Rich
  • 照片,視頻和豐富類型應在其響應中提供URL,寬度和高度。提供商還可以包含其他數據,但是在處理此類內容時,這些都是所需的。 OEMBED規範是指導方針,提供者可以自己實施OEMBED。提供商至少應具有一個啟用端點和資源URL。
  • >
>讓我們看一下幻燈片,看看它們是如何實現的。在他們的文檔中,他們指定了OEMBED端點和資源端點。 OEMBED端點是:http://www.slideshare.net/api/oembed/2。資源端點看起來像這樣:http://www.slideshare.net/user-slug/slidename-slug。為了從提供商那裡獲取信息,我們應該使用OEMBED端點並傳遞資源的URL參數。參數應編碼URL。最小要求是URL參數,但您也可以通過maxheight >格式。這確實取決於內容格式,但是對於視頻,照片和豐富格式,您可以選擇通過這些參數。另外,OEMBED僅指定GET方法,因此您不能使用其他方法。 > >讓我們使用URL參數向此端點提出請求。 向以下要求:http://www.slideshare.net/api/oembed/2?url=http://www.slideshare.net.net/chris-burgess/chris-burgess/wordpress-wordpress-themeswpmelb2014,您會得到XML響應下列的:

如果僅請求瀏覽器中的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。 >

如果您想進一步了解頒布的規範,請查看官方的Oembed Docs。還要查看Slideshare oembed文檔並進行一些播放,以更好地了解其工作原理。
<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提供商的白色列表。這些只是他們的白名單中的一些。

>啟示和WordPress的簡介 然後,您將立即看到它呈現內容: 啟示和WordPress的簡介

> 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中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
WordPress開發的5個最佳ID(以及原因)WordPress開發的5個最佳ID(以及原因)Mar 03, 2025 am 10:53 AM

我為WordPress開發選擇了正確的綜合開發環境(IDE)十年後,我探索了WordPress開發的眾多集成開發環境(IDE)。 純粹的品種 - 從免費到商業,基本到FEA

使用OOP技術創建WordPress插件使用OOP技術創建WordPress插件Mar 06, 2025 am 10:30 AM

本教程演示了使用面向對象的編程(OOP)原理構建WordPress插件,利用Dribbble API。 讓我們在保留原始含義和結構的同時完善文本以清晰和簡潔。 object-ori

如何將PHP數據和字符串傳遞給WordPress中的JavaScript如何將PHP數據和字符串傳遞給WordPress中的JavaScriptMar 07, 2025 am 09:28 AM

將PHP數據傳遞給JavaScript的最佳實踐:WP_LOCALIZE_SCRIPT和WP_ADD_INLINE_SCRIPT的比較是PHP文件中靜態字符串中數據存儲數據的最佳實踐。 如果在您的JavaScript代碼中需要此數據,請合併

如何使用WordPress插件嵌入和保護PDF文件如何使用WordPress插件嵌入和保護PDF文件Mar 09, 2025 am 11:08 AM

本指南演示瞭如何使用WordPress PDF插件在WordPress帖子和頁面中嵌入和保護PDF文件。 PDFS為從目錄到演示文稿提供了一種用戶友好的,普遍訪問的格式。 此方法ENS

對於初學者來說,WordPress容易嗎?對於初學者來說,WordPress容易嗎?Apr 03, 2025 am 12:02 AM

WordPress對初學者來說容易上手。 1.登錄後台後,用戶界面直觀,簡潔的儀表板提供所有必要功能鏈接。 2.基本操作包括創建和編輯內容,所見即所得的編輯器簡化了內容創建。 3.初學者可以通過插件和主題擴展網站功能,學習曲線存在但可以通過實踐掌握。

為什麼有人會使用WordPress?為什麼有人會使用WordPress?Apr 02, 2025 pm 02:57 PM

人們選擇使用WordPress是因為其強大和靈活性。 1)WordPress是一個開源的CMS,易用性和可擴展性強,適合各種網站需求。 2)它有豐富的主題和插件,生態系統龐大,社區支持強大。 3)WordPress的工作原理基於主題、插件和核心功能,使用PHP和MySQL處理數據,支持性能優化。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
1 個月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

mPDF

mPDF

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

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

MantisBT

MantisBT

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

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

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