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

WordPressでは、YouTube動画やツイートを簡単に埋め込むことができます。これはSANGOの機能ではなく、WordPressの標準機能です（どのテーマであっても共通して使用することができます）。

ツイートを埋め込む

ツイートを埋め込みたいときは、そのツイートの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

.instagram-media {
    position: static!important;
}

YouTube動画を埋め込む

YouTube動画についても、URLをエディタ上にペーストするだけで埋め込むことができます。ただし、クラシックエディター（WordPressの旧エディター）の場合、このままだとスマホで見たときに左右が切り取られてしまいます。

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

SANGOでYouTubeのレスポンシブ対応用のショートコードを用意しておきました。使い方は簡単。動画のURLを[youtube]〜[/youtube]ではさむだけです。

[youtube]
https://動画のURL
[/youtube]

これでスマホ表示でも動画の縦横比が保たれるようになります。Gutenbergエディターを使っている場合には、自動でサイズ調整されるため、このショートコードは不要です。

地図を埋め込む

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