Instagramの写真やビデオをウェブサイトに埋め込む

01/06

Instagramの写真やビデオをウェブサイトに埋め込む

ジャスティン・サリバン/ゲッティイメージズ・ニュース

あなたのウェブサイト上で特定のInstagram写真 (またはそのいくつか)を共有したかったのですが、写真をコンピュータに保存してサイトにアップロードしなければならないという不満はありましたか?

Instagramには埋め込み機能があり、WebサイトやブログのHTMLに簡単に写真や動画を挿入することができます。また、Webデザイナーである必要はありません。

以下の手順をクリックして、わずか数分でWebサイトにInstagramの写真やビデオを簡単に埋め込む方法をご覧ください。

02の06

あなたが埋めたいInstagramの写真やビデオページを見つける

Instagram.com/AboutDotComのスクリーンショット

Instagramの写真やビデオを適切に埋め込むための最初のステップは、あなたのウェブサイトに紹介したい公式のInstagram写真/ビデオページにアクセスすることです。 つまり、 URLinstagram.com/p/xxxxxxxxxx/のようにする必要があります。

この例では、公式のAbout.com Instagramアカウントの写真を使用しますが、必要なInstagramの写真(またはビデオ)を使用できます。

マウスを右クリックして「名前を付けて保存」を選択するか、画像のスクリーンショットを撮る代わりに、イメージボックスの右下隅にある3つの小さな灰色の点を説明とコメントの下に置くだけです。

03/06

'埋め込み'オプションを選択する

Instagram.com/AboutDotComのスクリーンショット

3つの小さな灰色の点をクリックすると、2つのオプションがポップアップ表示されます。 1つは「不適切な報告」で、もう1つは「埋め込み」です。

[埋め込み]をクリックします。

04/06

埋め込みコードをコピーする

Instagram.com/AboutDotComのスクリーンショット

[埋め込み]をクリックすると、画面中央にポップアップが表示され、一連のコードが表示されます。

どのようにコードが動作するのか、それともあなたのサイトに写真やビデオを正しく埋め込むために何を意味するのかを知る必要はありません。

緑色の「埋め込みコードのコピー」ボタンをクリックするだけで、コード全体が自動的にコピーされます。

Instagramのページが完成しました。

次に、あなたのウェブサイトやブログに移動することができます。

05/06

あなたのウェブサイトのHTMLにInstagram埋め込みコードを貼り付けます

WordPressに貼り付けられたHTMLのスクリーンショット

使用しているウェブサイトやブログのプラットフォームの管理領域やダッシュボードにアクセスし、コードを挿入するための適切な領域を見つけることはあなたの責任です。

たとえば、サイトがWordPressで動作する場合は、編集可能なポストやページに「テキスト」モード(ビジュアルモードではなく)でアクセスし、エディタを右クリックして「貼り付け」を選択して、コピーした埋め込みコードをボックス。

それを保存し、好きなところに集中して公開してください。

06の06

あなたのページと組み込みInstagram写真を見る

WordPressサイトに埋め込まれたInstagramのスクリーンショット

公開されたページをオンラインで見て、新しいInstagramの写真やビデオがきちんと埋め込まれているかどうかを確認してください。

トップにInstagramユーザーの名前へのリンクと、その下にある好き嫌いやコメントの数とともに、写真を見ることができるはずです。

写真ではなく動画であれば、ウェブサイトへの訪問者はサイトの動画を再生できます。

もちろん、あなたのサイトに何も表示されない場合は、間違った場所にコードを貼り付けているか、完全なコード列をコピーしていない可能性があります。

何か問題がある場合は、この偉大なHTMLのWordPressのヘルプ記事をチェックしてください。