Instagramの写真をサイトに埋め込みたい！

どうも、Linです。シナモン、不足してます。

 

Instagramの写真をブログの記事中に埋め込みたい時ってありますよね？？

しかも、自分のフィードじゃなくて他のユーザーのイケてる写真を笑

 

そんなときは、

インスタの埋め込みコードを生成する方法

という方法を使ってみましょう。一番簡単でわかりやすいです。

 

Step1. PC版のインスタグラムにログイン

まずは、PC版のInstagramのページにログインします。

PC版のサイトはこちらからですね↓↓

 

 

Step2. 埋め込みたい写真の詳細を表示

埋め込みたいInstagramの写真の詳細を表示しましょう。

 

今回は例として、スパイダーマンのインスタの写真を埋め込みたいので、

#spiderman

というタグで検索してみました。

 

 

今回はこの写真を埋め込んでみましょう。

 

 

Step3. コードをコピーする

Instagramの写真の詳細の右下の「点マーク」をクリック。

 

 

すると、

• 投稿へ移動
• 不適切な写真を報告
• 埋め込み

という3つのメニューが出現しますよね？

 

 

その中から、今回は、

埋め込み

を選択。

 

すると、次のようにHTMLコードが生成されるので、コピーしちゃってください。

 

 

Step4. 埋め込み

最後に、埋め込みコードをサイトに貼り付けます。

WordPressブログのサイトの場合は、編集画面の「テキスト」にコピペしましょう。

 

 

すると、

ほら、こんな感じでインスタグラムの写真がサイト上に埋め込めました。

 

#acghk#acghk2017 #acg#acg2017 #香港電玩動漫節#香港電玩動漫節2017 #美#動漫#動漫節 #動漫節2017 #2017#香港會展中心 #香港動漫節##香港動漫節2017#marvelgram #marvelworld #marvelstudios #marvelrp #marvel #marveluniverse #marveluniverse #marvelcomics #marvelcomic #marvelcast

Jacky玩具箱さん(@jackytoysbox)がシェアした投稿 – 2017 8月 18 12:57午前 PDT

やりましたね！

 

 

Instagramの画像をサイトに埋め込む方法は簡単！

以上が、Instagramの写真をサイト上に埋め込む方法でした。

埋め込みコードを使えば、

1. PC版のInstagramにログイン
2. 埋め込みたい写真の詳細表示
3. コードをコピー
4. コード貼り付け

の4ステップを踏むだけでインスタの写真を埋め込めちゃいました。

必要にかられたときに参考にしてくださいね。

 

それでは！

Lin