当サイトはBootstrapとWordPressを使って構築しているのですが、Youtubeの動画などを埋め込んだ時に、スマートフォンで見るとメディアが縦に間延びしてしまうことがありました。これはメディアの埋め込みタグがレスポンシブサイトに対応していないことが原因です。
そこで先日購入した「これからのWebサイト設計の新しい教科書」を参考に、Bootstrapの汎用クラスを使ってレスポンシブ対応を行い、さら��更新しやすいように、メディアの埋め込み部分をショートコードとして登録しました。同じようにBootstrap製のテーマを利用している方は、参考にしてみてください。

Continue reading “Bootstrapを利用しているWordPressテーマでYoutube等の埋め込みをレスポンシブ対応する方法”