YouTube、Googleマップをスマートフォンに対応させる

トップページ＞各機能の操作方法＞記事の編集方法について＞ YouTube、Googleマップをスマートフォンに対応させる

Youtubeなどの動画や、Googleマップをコンテンツとして掲載したいケースは多いと思います。
ですが、提供されているタグをそのまま貼り付けてしまうと、
スマートフォン上ではみ出てしまい、レイアウトが崩れてしまいます。

↑右半分が隠れてしまっている

これらのコンテンツを、スマートフォン上でも綺麗に表示させたい場合、
右クリックメニューの「パーツ挿入」→「YouTube、Googleマップのタグ」を
選択することで対応が可能です。

埋め込み用のタグを取得し、SIRIUSの記事本文内に貼り付ける

YouTubeなどから埋め込み用のHTMLタグを取得し、
SIRIUSの記事本文内に貼り付けます。

YouTube、Googleマップをスマートフォンに対応させる

埋め込みタグを選択した状態で、

右クリック→「パーツ挿入」→「YouTube、Googleマップのタグ」を選択する

取得したHTMLタグを選択した状態で、
右クリック→「YouTube、Googleマップのタグ」を選択することで
スマートフォン上で綺麗に表示されるスタイルが適用されます。

コンテンツが正常に表示されるかを確認する

以上の手順で、スマートフォンへの適用は完了です。
サイトのプレビュー等で、スマートフォンサイズでも
正常に表示されるかを確認してください。

大きいサイズのままになっている場合は・・・？
古いテンプレートを利用されている場合、スタイルが適用されず、
大きなサイズのままになっているケースがあります。
この場合、共通ファイルの初期化・再適用を行うことで対応が可能です。

YouTubeの埋め込み用のタグを取得したい場合、
下記の操作を行います。

YouTubeにアクセスし、表示させたい動画のページを開く

YouTubeにアクセスした上で、キーワード検索などを行い、
サイト内に表示させたい動画ページを開いてください。

画面右下にある「共有」→「埋め込む」をクリックする

共有が許可されている場合、画面右下に「共有」というボタンがあるかと思いますので
そちらを選択してください。

埋め込み用のタグをコピーし、SIRIUSに貼り付ける

上記の操作で、埋め込み用のHTMLタグが取得できます。
表示されたHTMLタグをコピーし、SIRIUSの記事本文内に貼り付けてください。

Googleマップにアクセスし、表示させたい場所を検索する

Googleマップの公式サイトにアクセスし、サイト内に表示させたい場所を開きます。

共有ボタンをクリックし、「地図を埋め込む」を選択する

埋め込み用のHTMLタグが表示されるので、コピーして記事本文に貼り付ける

埋め込み用のHTMLタグが表示されますので、こちらをコピーして
SIRIUSの記事本文内に貼り付けてください。