記事にコンテンツ（動画やSNSなど）を埋め込む

Ichimoto
  • 更新

Kibelaでは、記事の中に <iframe> タグを使って他サイトのコンテンツを埋め込むことができます。

なお、埋め込みが可能なドメインは、下記ホワイトリストに登録されているものに限られます。

 

[ ホワイトリストに登録されているドメイン ]

・Youtube
・draw.io
・Vimeo
・Twitter

上記２つ以外のドメインをご希望の際は、support@kibe.laへご遠慮なくご相談ください。

 

Youtube動画を埋め込む

  1. 該当動画のページの「共有」をクリック
    demo5.png
  2. 「埋め込む」をクリック　
    demo5.png

  3. URLを全てコピー
    demo5.png

  4. Kibelaの記事にペーストすると表示されます。
    demo5.png


draw.ioを埋め込む

  1. メニューでのFileをクリック
    demo.png

  2. Embedのiframe を選択
    demo2.png
    demo3.png
  3. 作成した埋め込みコードをコピー
    demo4.png

  4. コピーしたコードをKibela記事へペーストすると埋め込むが完了
    demo.png

    ※HTML での埋め込みには対応しておりませんのでご注意ください。

 

Vimeoを埋め込む

  1. 動画の設定ページ右端上にある「共有」をクリック。「埋め込みコードをコピー」を選択
    demo1.png

  2. コピーしたコードをKibela記事へペーストすると埋め込むが完了
    demo3.png

 

Twitterを埋め込む

  1. ツイートの右端上の▼マークをクリック
    demo.png

  2. 「ツイートを埋め込む」をクリック
    demo1.png

  3. 記事に埋め込むためのURLが生成されますので「Copy Code」をクリックしてコピー
    demo2.png

  4. URLをKielaの記事にペーストして完了


ツイートが引用表示されます。

demo3.png

 
 
 

関連記事