『ant2 CMS 埋め込みタグの活用方法』

1．掲載したい投稿の「…」マークをクリック

2．項目から「埋め込み」を選択

3．埋め込みコードが表示されるのでコピーして【ant2 CMS 埋め込みタグの設定・設置方法】の手順で設定する

※キャプションのありなしは埋め込みコード発行画面の『キャプションを追加』のチェックで選択することができます。

1．埋め込みたいFacebookの投稿の「…」マークをクリックし、項目から「埋め込み」を選択

2．埋め込みコードが表示されるのでコピーして【ant2 CMS 埋め込みタグの設定・設置方法】の手順で設定する

1．埋め込みたいYouTubeの動画を開き、動画右下の［共有］をクリック

2．共有画面が表示されるので【埋め込む】をクリック

3．埋め込みタグが表示されるのでコピーして【ant2 CMS 埋め込みタグの設定・設置方法】の手順で設定する

★注意点★
上記の方法だと動画はレスポンシブ対応となりません。
レスポンシブ対応をされたい場合は、下記の方法で埋め込みタグの設定が必要です。

1．埋め込みたい動画の共有画面から動画のIDを確認し、動画のID部分をコピーして控えておく

2．レスポンシブ対応タグの【動画ID】の部分を1でコピーした動画IDに変更し、【ant2 CMS 埋め込みタグの設定・設置方法】の手順で設定する

レスポンシブ対応タグ

<div style="position: relative; padding-bottom: 56.25%;">
  <iframe 
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 
    src="https://www.youtube.com/embed/【動画ID】" 
    frameborder="0" 
    allow="autoplay; 
    encrypted-media"     allowfullscreen>
  </iframe>
</div>

1．掲載したい動画を事前にコントロールパネルの作成から[素材]＞[画像の管理またはファイルの管理]の
サーバーブラウザにアップロードしておく

2．VIDEOタグの【動画のパス】をサーバーブラウザのパスに変更し、【ant2 CMS 埋め込みタグの設定・設置方法】の手順で設定する

VIDEOタグ

<video autoplay muted playsinline width="100%" src="【動画のパス】"></video>

※/images/フォルダに入れた場合は「/images/フォルダ名/動画ファイル名」となります。

例）「/images/video/sample.mp4」
<video autoplay muted playsinline width="100%" src="/images/video/sample.mp4"></video>

1．Googleカレンダーにアクセスし、ログインする

Googleカレンダー
https://www.google.com/calendar/

※アカウントがない場合は新規作成する必要があります

2．「カレンダー埋め込み支援ツール」を開き
表示したいカレンダーにチェックをいれ、埋め込みコードをコピーして【ant2 CMS 埋め込みタグの設定・設置方法】の手順で設定する

Google「カレンダー埋め込み支援ツール」
https://calendar.google.com/calendar/embedhelper