SIRIUSオンラインマニュアル

Youtube、Googleマップをレスポンシブ化

記事本文の右クリックメニューの「パーツ挿入」に、
「Youtube、Googleマップのタグ」というコマンドを追加しました。
YouTubeやGoogleマップのタグを選択した状態で上記のコマンドを選択することで、
スマートフォンで表示させた場合も比率を保ったまま縮小表示させることができます。

 

【SIRIUS Ver1.5】Youtube・Googleマップを簡単にレスポンシブ化

 

挿入されるタグ

<div class="gmap-box">
YouTube、またはGoogleマップの埋め込み用のタグ
</div>

 

サンプル

スマートフォン上でこのページを見ても、レイアウトが崩れることなく綺麗に表示されているかと思います。

 

Googleマップ

 

Googleマップの埋め込み用タグは、Googleマップの左側にある「共有」→「埋め込み用コード」から取得することができます。

 

YouTube

 

YouTubeの埋め込み用タグは、YouTubeの動画再生ページの下側にある「共有」→「埋め込み」から取得することができます。

SIRIUS Ver1.5の機能改善点目次