このページはAMPでのギャラリーショートコード表示テスト用ページです。
AMPモードで表示するには、スマートフォンでご覧いただくか、URLの最後に「/amp」を付けて更新してください。

画像(幅が 250px 以上)

レスポンシブモード(layout=”responsive”)で表示します。

Code

<img src="https://demo.dptheme.net/dp10-amp/wp-content/uploads/sites/28/2017/09/sample.jpg" width="1600" height="1067" class="aligncenter" />

画像(幅が 250px 以下)

指定された画像サイズ(layout=”fixed”)で表示します。

Code

<img src="https://demo.dptheme.net/dp10-amp/wp-content/uploads/sites/28/2017/09/sample-250px.jpg" width="250" height="166" class="aligncenter" />

画像(width 属性のみ指定)

高さ(height 値)を自動で算出し、置換する amp-img タグに追加します。

Code

<img src="https://demo.dptheme.net/dp10-amp/wp-content/uploads/sites/28/2017/09/sample.jpg" width="500" class="aligncenter" />

画像(height 属性のみ指定)

幅(width 値)を自動で算出し、置換する amp-img タグに追加します。

Code

<img src="https://demo.dptheme.net/dp10-amp/wp-content/uploads/sites/28/2017/09/sample.jpg" height="500" class="aligncenter" />

画像(width, height 属性なし)

サイズ(width, height)を画像ファイルから直接算出し、置換する amp-img タグに追加します。

Code

<img src="https://demo.dptheme.net/dp10-amp/wp-content/uploads/sites/28/2017/09/sample.jpg" class="aligncenter" />

YouTube(URL のみを指定)

Code

https://www.youtube.com/watch?v=cAL_3NN3RzA

Vimeo(URL のみを指定)

Code

https://vimeo.com/233034128

Instagram(URL のみを指定)

View this post on Instagram

“I love capturing the daily life of the village I live in. So many magical people and places.” #ShotoniPhone by Luisa D. @luisadorr

A post shared by apple (@apple) on Sep 7, 2017 at 8:00am PDT

Code

https://www.instagram.com/p/BYvnr6sDMIs/?hl=ja&taken-by=apple

Facebook post(URL のみを指定)

Code

https://www.facebook.com/ParksCanada/posts/1712989015384373

Facebook video(URL のみを指定)

Code

https://www.facebook.com/nasaearth/videos/10155187938052139

Twitter(URL のみを指定)

Code

https://twitter.com/wp_learner/status/908751735337885696

Pinterest

Code

<a data-pin-do="embedPin" data-pin-lang="ja" data-pin-terse="true" href="https://www.pinterest.com/pin/410320216033094113/"></a>

Soundcloud(iframe)

Code

<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/179645512&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>