WordPressもくもく倶楽部
oEmbedで、コンテンツを
WordPressに組み込もう!
Self-Intoroduction
• Swiftビギナーズ倶楽部@Co-Edoを開催しています♪
• Ruby/Ruby on Railsビギナーズ倶楽部@Co-Edoを開催しています( ́ ▽ ` )ノ
• 最近Railsで開発を始めた、アプリケーションエンジニア(LAMP/Java/Oracle)
https://ror-beginners.doorkeeper.jp/
https://swift-beginners.doorkeeper.jp/
徳島県出身です
(ó `o) 一緒に開発しましょう( ́ ▽ ` )ノ
勉強会やってます!
1)外部コンテンツを組み込みたい!
Today's Agenda
2)方法は、とっても簡単!
3)oEmbedって何?
WordPressに、
Gistとか、SlideShareとか
簡単に表示させたい!
写真素材ぱくたそ
http://www.pakutaso.com
1)外部コンテンツを組み込みたい!
例えば・・・
SlideShareのスライドを、
WordPressの投稿に埋め込みたい!
人気があるVineの投稿を、
WordPressの投稿に埋め込みたい!
GitHubに投稿したGistを、
WordPressの投稿に埋め込みたい!
興味のある「TED」動画を、
WordPressの投稿に埋め込みたい!
方法はとっても簡単!
プラグイン:https://wordpress.org/support/plugin/vine
プラグインをインストールする系
プラグインは不要系
プラグイン:https://wordpress.org/plugins/slideshare/
プラグイン:https://wordpress.org/plugins/oembed-gist/
・SlideShare
・GitHub Gist
・Vine
・TED
サイト:http://www.slideshare.net/
サイト:https://vine.co/
サイト:https://github.com/
日本語サイト:https://www.ted.com/talks?language=ja
STEP1)組み込みたいコンテンツを表示
SlideShare
STEP2)URLをコピー
SlideShare
STEP3)投稿画面にURLを貼り付け
SlideShare
STEP1)組み込みたいコンテンツを表示
Vine
STEP2)URLをコピー
Vine
STEP3)投稿画面にURLを貼り付け
Vine
STEP1)組み込みたいコンテンツを表示
 & Enbed URLをコピー
Gist
STEP2)投稿画面にURLを貼り付け
Gist
STEP1)組み込みたいコンテンツを表示
 & Enbed URLをコピー
TED
STEP2)URLをコピー
TED
※Wordpress shortcodeを試してみたのですが、なぜかだめでした・・・?
STEP3)投稿画面にURLを貼り付け
TED
この仕組を提供してくれているのが
oEmbed (おーえんぶど)です ( ̄^ ̄ゞ
3)oEmbedって何?
oEmbed は、サード・パーティーの
メディア共有サイトにあるコンテンツを
Webページに埋め込んで表示するために
提供しているAPIです。
• Vine 動画WordPress 4.1
• TED 動画 WordPress 4.0
• Animoto 動画 WordPress 4.0
• CollegeHumor動画 WordPress 4.0
• Issuu ドキュメント WordPress 4.0
• Mixcloud 音楽 WordPress 4.0
3)4.0以上で利用可能になったoEmbed!
4.0以前の搭載では、YouTube、Twitter、Instagramとかは有名ですね^^
詳細は、http://wpdocs.sourceforge.jp/oEmbed
WordPress4.0以降に、対応メディアが
増えて選択肢が広がったので、
お気に入りのコンテンツを投稿に
組み込んでみてはいかがでしょうか。
ま と め
Let's study together!
Thank you :)

oEmbedで、色んなコンテンツをWordPressに組み込もう!