当サイトの記事には広告が含まれている場合があります

サイズ変更も簡単にできる!Instagramの投稿をサイトに埋め込む方法

key_instagram
 

Instagramの投稿をサイトに埋め込む方法をメモしておきます。
2016年1月24日現在の方法です。

まず埋め込みたいInstagramの投稿の右したにある「・・・」マークをクリックします。
01_Instagram-embed
 

ポップアップ表示される「埋め込み」をクリックします。
02_Instagram-embed
 

埋め込みコードが表示されるので「埋め込みコードをコピー」をクリックします。
03_Instagram-embed
 

埋め込みコードがコピーされたので、表示したいサイトのhtmlまたはブログの投稿にコードを貼り付けます。
下記に貼り付けてみました。表示されていることがわかります。

20150531

@kulurin3が投稿した写真 –


 

もうちょっと小さく表示させたい時は、コピーしたコードをdivタグやliタグで囲ってサイズ指定してあげると指定したサイズに合わせて表示されます。

<div style="width: 60%">
//埋め込みコードを貼り付け
</div>

 

小さく表示されました↓

20150531

@kulurin3が投稿した写真 –

 

くるりん

新入社員の頃にシステムエンジニアの会社に入社。その後、WEB制作系の仕事に転職しました。

くるりんをフォローする
html・css
スポンサーリンク
くるりんをフォローする
Memorandums