- 赤色のリンクは、まだ日本語Codexに存在しないページ・画像です。英語版と併せてご覧ください。(詳細)
「oEmbed」の版間の差分
細 (リンク調整等) |
細 (和訳完了。日本語の外部リソースリンクを追加。) |
||
1行目: | 1行目: | ||
− | |||
{{Rename|E}} | {{Rename|E}} | ||
__TOC__ | __TOC__ | ||
− | + | [[Version 2.9|WordPress 2.9]] 以降、動画・画像その他のコンテンツを WordPress サイトに埋め込むのがとても簡単になりました。 | |
− | |||
− | + | == 概要 == | |
− | + | 投稿や[[Pages|固定ページ]]にメディアを埋め込むには、コンテンツ部分に URL を含めるだけです。URL は独立した行に書くこと、(クリックできるような)リンクを付けないことの2点に注意してください。 | |
− | + | 例えば、 | |
+ | |||
+ | この動画を見てみてください! | ||
ht<span></span>tp://www.youtube.com/watch?v=nTDNLUzjkpg | ht<span></span>tp://www.youtube.com/watch?v=nTDNLUzjkpg | ||
− | + | すごいでしょう? | |
− | + | のように入力すれば、投稿が表示された際、リンクは自動的に YouTube の埋め込み動画へ変換されます。 | |
− | + | また、URL を<code>[embed]</code> ショートコードで囲むこともできます。表示結果は同じですが、こうすれば URL が独立した行に書かれていなくてもよくなります。 | |
== oEmbed == | == oEmbed == | ||
− | + | 簡単なメディア埋め込み機能のほとんどは、oEmbed によって提供されています。oEmbed は、A というサイト(例えばあなたのブログ)が B というサイト(例えば YouTube)に、コンテンツを埋め込むために必要な HTML を問い合せるためのプロトコルです。 | |
− | oEmbed | + | oEmbed は、メディアを埋め込みたいサイトから HTML コードをコピー&ペーストしたりしなくて済むように設計されています。動画、画像、テキストなどに対応しています。 |
− | == | + | == どんな URL でもこの機能を使えますか? == |
− | + | デフォルトでは限られたサイトからの URL のみに有効です。安全対策のため、WordPress は内部のホワイトリストに一致する URL のみを埋め込みます。 | |
− | === | + | === このメディア埋め込み機能を使えるサイトは? === |
− | + | 以下のサイトを利用できます。 | |
* [http://www.youtube.com/ YouTube] | * [http://www.youtube.com/ YouTube] | ||
47行目: | 47行目: | ||
* [http://www.polldaddy.com/ PollDaddy] | * [http://www.polldaddy.com/ PollDaddy] | ||
* [http://video.google.com/ Google Video] | * [http://video.google.com/ Google Video] | ||
− | * [http://wordpress.tv/ WordPress.tv] | + | * [http://wordpress.tv/ WordPress.tv](現在は [http://videopress.com/ VideoPress] 形式の動画のみ) |
+ | |||
+ | == 他のサイトに対応するには? == | ||
− | + | 他のサイトへの対応を追加する方法は、そのサイトが oEmbed に対応しているかどうかによって異なります。 | |
− | + | === oEmbed 対応サイト === | |
− | + | サイトが oEmbed に対応している場合は、<code>[[関数リファレンス/wp_oembed_add_provider|wp_oembed_add_provider()]]</code>/[[:en:Function Reference/wp_oembed_add_provider|en]] を呼び出し、そのサイトの URL 形式を内部のホワイトリストに追加します。 | |
− | + | === oEmbed 非対応サイト === | |
− | + | <code>[[関数リファレンス/wp_embed_register_handler|wp_embed_register_handler()]]</code>/[[:en:Function Reference/wp_embed_register_handler|en]] を使ってハンドラーを登録します。その後、HTML を生成するコールバック関数が必要になります。 | |
− | + | == oEmbed 自動探知は使えますか? == | |
− | + | WordPress の oEmbed 実装では、自動探知は無効化されています。デフォルトでは、内部のホワイトリストに挙げられた、安全とみなされたサイトからのメディアのみを埋め込むことができます。これは、悪意のあるサイトのメディアを間違って埋め込んでしまうことがないようにするためです。 | |
− | + | しかし、十分に知識があり、そのような防衛策が必要ないなら、<code>unfiltered_html</code> 権限を持つユーザー(管理者と編集者)は oEmbed 探知(ディスカバリー)タグが <code><head></code> にあるすべてのサイトからのメディアを埋め込むようにもできます。これには、[http://wordpress.org/extend/plugins/enable-oembed-discovery/ Enable oEmbed Discovery] プラグインを使うだけです。 | |
− | + | == 外部リソース == | |
− | == | + | === 日本語記事 === |
+ | * [http://webos-goodies.jp/archives/getting_started_with_oembed.html oEmbed でメディア共有サイトのコンテンツを簡単埋め込み] | ||
+ | * [http://www.google.com/support/youtube/bin/answer.py?hl=jp&answer=164669 YouTube ヘルプ | 詳細: oEmbed による動画の埋め込み] | ||
− | * [http://www.viper007bond.com/2009/10/13/easy-embeds-for-wordpress-2-point-9/ Summary of this feature] | + | === 英語記事 === |
+ | * [http://www.viper007bond.com/2009/10/13/easy-embeds-for-wordpress-2-point-9/ Summary of this feature] - コード作者による機能のまとめ | ||
* [http://www.webmonkey.com/tutorial/Get_Started_With_OEmbed Webmonkey guide to oEmbed] | * [http://www.webmonkey.com/tutorial/Get_Started_With_OEmbed Webmonkey guide to oEmbed] | ||
− | * [http://oembed.com/ Official oEmbed website] | + | * [http://oembed.com/ Official oEmbed website] - oEmbed の技術的仕様 |
{{Stub}} | {{Stub}} | ||
+ | {{CheckTrans}} | ||
{{原文|Embeds|81260}}<!-- 15:16, 21 December 2009 Otto42 版 --> | {{原文|Embeds|81260}}<!-- 15:16, 21 December 2009 Otto42 版 --> |
2010年1月13日 (水) 23:43時点における版
目次
WordPress 2.9 以降、動画・画像その他のコンテンツを WordPress サイトに埋め込むのがとても簡単になりました。
概要
投稿や固定ページにメディアを埋め込むには、コンテンツ部分に URL を含めるだけです。URL は独立した行に書くこと、(クリックできるような)リンクを付けないことの2点に注意してください。
例えば、
この動画を見てみてください! http://www.youtube.com/watch?v=nTDNLUzjkpg すごいでしょう?
のように入力すれば、投稿が表示された際、リンクは自動的に YouTube の埋め込み動画へ変換されます。
また、URL を[embed]
ショートコードで囲むこともできます。表示結果は同じですが、こうすれば URL が独立した行に書かれていなくてもよくなります。
oEmbed
簡単なメディア埋め込み機能のほとんどは、oEmbed によって提供されています。oEmbed は、A というサイト(例えばあなたのブログ)が B というサイト(例えば YouTube)に、コンテンツを埋め込むために必要な HTML を問い合せるためのプロトコルです。
oEmbed は、メディアを埋め込みたいサイトから HTML コードをコピー&ペーストしたりしなくて済むように設計されています。動画、画像、テキストなどに対応しています。
どんな URL でもこの機能を使えますか?
デフォルトでは限られたサイトからの URL のみに有効です。安全対策のため、WordPress は内部のホワイトリストに一致する URL のみを埋め込みます。
このメディア埋め込み機能を使えるサイトは?
以下のサイトを利用できます。
- YouTube
- Vimeo
- DailyMotion
- blip.tv
- Flickr (both videos and images)
- Viddler
- Hulu
- Qik
- Revision3
- Scribd
- Photobucket
- PollDaddy
- Google Video
- WordPress.tv(現在は VideoPress 形式の動画のみ)
他のサイトに対応するには?
他のサイトへの対応を追加する方法は、そのサイトが oEmbed に対応しているかどうかによって異なります。
oEmbed 対応サイト
サイトが oEmbed に対応している場合は、wp_oembed_add_provider()
/en を呼び出し、そのサイトの URL 形式を内部のホワイトリストに追加します。
oEmbed 非対応サイト
wp_embed_register_handler()
/en を使ってハンドラーを登録します。その後、HTML を生成するコールバック関数が必要になります。
oEmbed 自動探知は使えますか?
WordPress の oEmbed 実装では、自動探知は無効化されています。デフォルトでは、内部のホワイトリストに挙げられた、安全とみなされたサイトからのメディアのみを埋め込むことができます。これは、悪意のあるサイトのメディアを間違って埋め込んでしまうことがないようにするためです。
しかし、十分に知識があり、そのような防衛策が必要ないなら、unfiltered_html
権限を持つユーザー(管理者と編集者)は oEmbed 探知(ディスカバリー)タグが <head>
にあるすべてのサイトからのメディアを埋め込むようにもできます。これには、Enable oEmbed Discovery プラグインを使うだけです。
外部リソース
日本語記事
英語記事
- Summary of this feature - コード作者による機能のまとめ
- Webmonkey guide to oEmbed
- Official oEmbed website - oEmbed の技術的仕様
この項目「oEmbed」は、翻訳チェック待ちの項目です。加筆、訂正などを通して、Codex ドキュメンテーションにご協力下さい。
最新英語版: WordPress Codex » Embeds (最新版との差分)