Instagramの写真をホームページに表示する（ウィジェット／個別投稿）

Instagram（インスタグラム）の投稿をホームページに一覧表示するには、「SnapWidget（スナップウィジェット）」という外部サービスを利用します。

SnapWidgetは、Instagramアカウントの投稿を自動的にウィジェットとして生成し、ホームページに埋め込むことができる無料ツールです。

※無料版では広告が表示されます。有料版を申し込めば、広告を非表示にすることができます。

操作手順

SnapWidgetに登録して、Instagramのウィジェットのコードを取得する

1. SnapWidgetにアクセスし、［CREATE YOUR WIDGET］をクリック

1. 名前、メールアドレス、パスワードを入力して［SIGN UP］をクリック

1. 上のボタンは無視して、下の［Compare Widgets］リンクをクリック

1. 左側のFree Widgets の［Get Staretd］をクリック

1. ［Username］をクリック
2. ［SIGN IN WITH INSTAGRAM］をクリック

1. 認証画面が表示されるので、［許可］をクリック

ウィジェットのデザインを調整していきます。

すべての設定ができたら、「GET WIDGET」をクリックします。

1. ［COPY TO CLIPBOARD］をクリック

以上で、ウィジェットのコードの取得は完了です。

1. 表示追加するパーツ選択画面で［＋フリーページ］をクリック
2. ［＋まっさらから作成する］をクリック
   
   

1. タイトル欄に「Instagram」など、任意のタイトルを入力する
2. 本文欄をクリック
3. 上部ツールバーにある［埋め込みコード挿入］をクリック
4. 黒いウィンドウの入力欄に、先程コピーしたコードを貼り付ける
5. 黒いウィンドウの右下［埋め込みコードの挿入］をクリック
6. 作成画面の左下［保存］をクリック
   
   

以上で、ホームページにInstagramのウィジェットが表示されます。

特定のInstagram（インスタグラム）投稿を1件だけ、リウムスマイル！のホームページに表示する方法をご案内します。

Instagramの公式機能を使って埋め込みコードを取得し、任意のページに貼り付けて表示します。

1. 投稿右上にある「…（三点リーダー）」をクリックする

2. 表示されたメニューから「埋め込み」を選択する

1. 本文欄の上部ツールバーにある［埋め込みコードを挿入］をクリック
2. 先ほどコピーしておいたInstagramの埋め込みコードを貼り付ける
   
3. ［埋め込みコードの挿入］ボタンをクリック
4. 編集画面の左下［保存］をクリック

以上で、Instagramの画像がページに埋め込まれますので、プレビュー画面で確認します。