WordPressは現在、最大のCMSおよびブログプラットフォームの1つです。しかし、なぜそれはなぜですか？ WordPressは、ここ数年で多くのことを批判されてきました。最大の問題の1つは、アーキテクチャが可能な限りモダンではないことです。 2004年にプラットフォーム（またはCMS）が書かれた方法は、今日の基準とは異なります。それにもかかわらず、エンドユーザーにとって非常に使いやすいことは間違いありません。
エンドユーザーは、コンテンツを公開しやすいCMSを望んでいます。ほとんどのユーザーはコンテンツをハードコードしたくないと思います。クライアントが私に「スライドシェアからコンテンツを追加したい」と尋ねると、私の心は休憩または少なくとも埋め込まれたコードに行きます。今日は、おそらくそれを知らずに使用したWordPressの機能を見ていきます。キーテイクアウト
ビデオ
リンク
ドキュメントでは、OEMBEDエンドポイントとリソースエンドポイントを指定します。 OEMBEDエンドポイントは、http：//www.slideshare.net/api/oembed/2です。リソースエンドポイントは次のようになります：http：//www.slideshare.net/user-slug/slidename-slug。プロバイダーから情報を取得するには、OEMBEDエンドポイントを使用して、リソースのURLパラメーターを渡す必要があります。パラメーターはURLエンコードする必要があります。最小限の要件はURLパラメーターですが、maxwidth、maxheight、および形式を渡すこともできます。それは本当にコンテンツ形式に依存しますが、ビデオ、写真、リッチ形式の場合、これらの引数を渡すオプションがあります。また、OembedはGETメソッドのみを指定するため、他のメソッドを使用することはできません。
URLパラメーターを使用してこのエンドポイントにリクエストを行いましょう。 http：//www.slideshare.net/api/oembed/2?url=http://www.slideshare.net/chris-burgess/wordpress-themeswpmelb2014でリクエストを行います。続く：ブラウザの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.slidesheshare.net/chris-burgess/word-press-themeswpmelb2014&format=json＆maxwidth = 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の幅でした。
OEMBED仕様について詳しく知りたい場合は、公式のOEMBEDドキュメントをご覧ください。また、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=\"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仕様のすべての実装は、WordPressコードベース内にあります。 WordPressには、サポートされているすべてのOEMBEDプロバイダーの白いリストがあります。これらは、ホワイトリストからのほんの一部です。
その後、すぐにコンテンツをレンダリングします。
URLは、それ自体の1つの行でなければなりません。 WordPressはそのリンクを探してから、このリンクがホワイトリストのURLの1つのリソースであるかどうかを検索します。もしそうなら、それはOEMBEDエンドポイントにリクエストを行います。この例では、TwitterステータスURLをコピーし、WordPressは投稿内にそのステータスを埋め込みました。しかし、これはTwitterだけに限定されていません。ホワイトリストの他のサイトを検索して試してみてください。
ホワイトリストを越えて、すべてのOEMBEDサイトはWordPressによってサポートされています。追加のプロバイダーを手動で追加できます。 WordPressは2つの機能を提供します。1つはOembedをサポートするサイトを登録するために、もう1つはHardCodeをサポートしてサイトにサポートを追加できます。 wp_oembed_add_provider（）を使用して、既存のoembedサイトをWordPressに追加します。また、wp_embed_register_handler（）を使用して、非embedサイトを追加することもできます。または、ホイールを再発明するのが嫌いな私のような場合は、プラグインが最初に存在するかどうかを確認することもできます。結論
に関するよくある質問
oembedとは何ですか？また、WordPressでどのように機能しますか？あなたのoembedが機能していない理由がいくつかあるかもしれません。埋め込もうとしているURLは、Oembedをサポートするサイトからのものではないか、プラグインやテーマと競合する可能性があります。問題が発生している場合は、すべてのプラグインを無効にしてデフォルトのテーマに切り替えて問題を解決するかどうかを確認してみてください。 WordPressでカスタム投稿タイプを使用してOembedを使用できます。カスタム投稿タイプが「エディター」機能をサポートしていることを確認する必要があります。
以上がOembedとWordPressの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
