記事にツイートやYouTube動画などを埋め込む

WordPressでは、YouTube動画やツイートを簡単に埋め込むことができます。

ツイートを埋め込む

ツイートを埋め込みたいときは、そのツイートのURLをエディタに貼り付けるだけでOKです。何かのタグで囲う必要はありません。

これで下のようにツイートが埋め込まれます。

「力尽きたときでも作れるレシピ」をひたすら追加していく新ページを開設しました。残りのHPを選択してレシピを探すことができます。

力尽きたときのためのレシピ 〜超簡単に作れるズボラ飯〜 https://t.co/pUmBIe51kU

— サルワカくん (@saruwakakun) May 21, 2017

Instagramを埋め込む

Instagramの写真を埋め込みたいときも、その写真のURLをエディタに貼り付けるだけでOKです。

View this post on Instagram

Photo by @jimmy_chin Our quiet, unassuming camp below Shivling and Meru in the Garwhal Himalaya. At the time we had no idea where the journey would take us. Grateful we got a glimpse of the other side, and grateful for everyone who took it with us.

A post shared by National Geographic (@natgeo) on Aug 20, 2017 at 6:13am PDT

YouTube動画を埋め込む

YouTube動画についても、URLをエディタ上にペーストするだけで埋め込むことができます。ただし、注意したいのがこのままだとスマホで見たときに左右が切り取られてしまいます（高さが保たれてしまうのですね）。

動画の縦横比をレスポンシブに固定する方法

SANGOでYouTubeのレスポンシブ対応用のショートコードを用意しておきました。使い方は簡単。動画のURLを

https://動画のURL

これでスマホ表示でも動画の縦横比が保たれるようになります。

地図を埋め込む

以下のように地図を埋め込むこともできます。Google Mapのメニューの「地図を共有または埋め込む」⇒「地図を埋め込む」からコードを取得できます。これを「テキスト」エディタの方へとコピペすればOKです。