Embed

Last-modified: 2020-08-12 (水) 19:42:28

Embedプラグイン

汎用お手軽埋め込みプラグイン
1ページに20個まで設置可能です。
Flexboxと組み合わせて使うと、横に並べることができます。

書式

#embed(url[,width])

対応サービス(URL)

embed がサポートするのは「oEmbed 等のオープンな埋め込み方法が公式に提供されているもの」となります。

  • facebook.com
  • www.facebook.com
  • calendar.google.com
  • gist.github.com
  • github.com
  • imgur.com
  • i.imgur.com
  • instagram.com
  • www.instagram.com
  • instagr.am
  • mixcloud.com
  • www.mixcloud.com
  • soundcloud.com
  • streamable.com
  • twitter.com
    専用のTwitterTimeline,TwitterTweetプラグインもあります。
  • vimeo.com
  • youtube.com
    専用のyoutubeプラグインもあります。
  • youtu.be
  • www.youtube.com

サンプル

サイズ未指定

#embed(https://vimeo.com/8322868)

サイズ指定

#embed(https://vimeo.com/8322868,250)

Flexbox レイアウト

Flexbox

#flex_container(flex-start,300px){{{
#flex_box{{
#embed(https://vimeo.com/152452551)
}}
#flex_box{{
#embed(https://vimeo.com/348226468)
}}
#flex_box{{
#embed(https://vimeo.com/147173661)
}}
#flex_box{{
#embed(https://vimeo.com/183252171)
}}
}}}

Googleカレンダー

Googleカレンダーの設定

  • 一般公開して誰でも利用できるようにするにチェック
  • このカレンダーの公開 URLを使用する
#embed(https://calendar.google.com/calendar/embed?src=pdc0p360ggl92njbpc6ipuc2us%40group.calendar.google.com&ctz=Asia%2FTokyo)