![インスタウィジェット](https://image.jimcdn.com/app/cms/image/transf/dimension=480x10000:format=jpg/path/sdcb4cad98bab1f4c/image/id55fe03b7a13f996/version/1527863327/%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88.jpg)
InstaWidget 使ってみる
ホームページやブログにインスタグラムの投稿を表示させたい。というお問合せが増えています。第1回目は「SnapWidget」を紹介しました。2回目はJimdoのコンテンツ、「Instagramフィード」。今回の3回目は、「InstaWidget」を紹介します。
ログインやユーザー登録が一切不要で利用できて、操作がとても簡単です。ぜひお試しください。
1、InstaWidget 無料インスタグラムブログパーツ作成
にアクセスします。
![インスタウィジェット](https://image.jimcdn.com/app/cms/image/transf/dimension=480x10000:format=jpg/path/sdcb4cad98bab1f4c/image/i10f6ffe22e6b95f1/version/1527863355/%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88.jpg)
2、ヘッダーの左上に「無料インスタグラムブログパーツ作成」ボタンがあるのでクリックします。
![ブログパーツ作成](https://image.jimcdn.com/app/cms/image/transf/dimension=480x10000:format=jpg/path/sdcb4cad98bab1f4c/image/ia05623e8725c518c/version/1527863370/%E3%83%96%E3%83%AD%E3%82%B0%E3%83%91%E3%83%BC%E3%83%84%E4%BD%9C%E6%88%90.jpg)
3、次に設定画面が表示されます。
「ユーザー名」インスタグラムアカウントIDを入力
「ハッシュタグ」
「ブログパーツ幅」
「ユーザーアイコン」
「ユーザー紹介文」
「フォローボタン」
設定箇所が沢山ありますが、右側にプレビュー画面が表示されるようになっています。設定後、プレビューを確認することが出来るのでわかりやすいです。
![プレビュー画面確認しながら設定](https://image.jimcdn.com/app/cms/image/transf/dimension=480x10000:format=jpg/path/sdcb4cad98bab1f4c/image/i763e83498be0f816/version/1527863389/%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E7%94%BB%E9%9D%A2%E7%A2%BA%E8%AA%8D%E3%81%97%E3%81%AA%E3%81%8C%E3%82%89%E8%A8%AD%E5%AE%9A.jpg)
4、ある程度設定が出来たら、プレビューを確認しましょう。
設定の一番下に「プレビュー」ボタンがあります。
プレビューボタンをクリックすると、右側にプレビュー画面が表示されるので、気になる箇所を修正しながら設定できます。
![プレビューボタン](https://image.jimcdn.com/app/cms/image/transf/none/path/sdcb4cad98bab1f4c/image/i142c633d25b02c9f/version/1527863401/%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E3%83%9C%E3%82%BF%E3%83%B3.jpg)
5、プレビュー画面を確認し、これでOK!と思ったらJimdoに埋め込む「コード」を取得します。
プレビュー画面のしたに「埋め込みコードを取得」ボタンがあるので、クリックします。
![埋め込みコードを取得](https://image.jimcdn.com/app/cms/image/transf/dimension=480x10000:format=jpg/path/sdcb4cad98bab1f4c/image/i22cffe9988d1e7f5/version/1527863414/%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E5%8F%96%E5%BE%97.jpg)
6、「埋め込みコードを取得」ウィンドウが表示されるので、
コードをコピーします。
コードをコピーしたら、Jimdoホームページに貼り付けます。
インスタグラムを表示したい箇所で「コンテンツを追加」⇒「ウィジェット/HTML」をクリックして、コードを貼り付けます。
ホームページにインスタグラムは表示されましたか?
![コードを取得](https://image.jimcdn.com/app/cms/image/transf/dimension=480x10000:format=jpg/path/sdcb4cad98bab1f4c/image/i3e339cf69c9eba33/version/1527863428/%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E5%8F%96%E5%BE%97.jpg)