Embed

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
• pixiv.net
• www.pixiv.net
• pawoo.net

サンプル

サイズ未指定

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

https://vimeo.com/8322868

https://twitter.com/WIKIWIKI_Japan/status/1765688250835091683

サイズ指定

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

https://vimeo.com/8322868

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)
}}
}}}

https://vimeo.com/152452551

https://vimeo.com/348226468

https://vimeo.com/147173661

https://vimeo.com/183252171

Googleカレンダー

Googleカレンダーの設定

• 一般公開して誰でも利用できるようにするにチェック
• このカレンダーの公開 URLを使用する

#embed(https://calendar.google.com/calendar/embed?src=pdc0p360ggl92njbpc6ipuc2us%40group.calendar.google.com&ctz=Asia%2FTokyo)

https://calendar.google.com/calendar/embed?src=pdc0p360ggl92njbpc6ipuc2us%40group.calendar.google.com&ctz=Asia%2FTokyo

Tag: プラグイン 埋め込み