埋め込みコンテンツ「embed」のレスポンシブ対応

WordPress4.4 から、TwitterやInstagram、YouTubeなどの外部コンテンツを、URLを直接入力するだけで簡単に記事を本文中に埋め込めるようになり、LION BLOGでも、これらの外部コンテンツをレスポンシブで美しく表示できるように設計しています。
下記にその一例を紹介いたします。

レスポンシブ表示

このようにWordPressの記事本文中にURLを書くだけで、Twitter、Instagram、YouTubeを下記のように埋め込み表示することができます。

Twitterの埋め込み例

パチューカ本田 初出場でゴール決める | NHKニュース https://t.co/0R6rP5nRqC

— NHKスポーツ (@nhk_sports) August 23, 2017

Instagramの埋め込み例

【今日は何の日】8月22日は「チンチン電車の日」。東京電車鉄道が1903年のこの日、新橋－品川間で路面電車（チンチン電車）の営業を開始しました。 #今日は何の日 #whatdayisit #tramcar #streetcar #チンチン電車 #路面電車 #yahooニュース #ヤフーニュース #yahoojapan #ヤフー #国内（写真：ペイレスイメージズ/アフロ）

A post shared by Yahoo!ニュース (@yjnews) on Aug 22, 2017 at 12:42am PDT

YouTubeの埋め込み例