インスタグラムの画面をホームページ上に表示する方法をお伝えします。
まず、Instagram（インスタグラム）とは、写真をインターネット上で共有することができるサービスのことです。
「インスタ」と略されて呼ばれることが多いのですが、自分の私生活の写真やお店の写真などをアップして、たくさんの人に見てもらうことができます。
そして、この「インスタグラムの画面をホームページ上に表示する方法」は、自分でホームページを更新できない人にとっては、有効な方法です。
たとえば、商売をしている個人事業者さんが、ホームページ作成業者にホームページを作ってもらったとします。
ただ、新しいメニューの写真などを、自分でホームページにすぐに掲載したいときも、きっとありますよね？
そのようなときに、インスタグラムの画面をホームページ上に表示しておけば、インスタグラムに写真をアップすることで、ホームページ上にその写真が表示されるため、とても便利です。
このような有効な使い方があるので、ぜひ参考にしてくださいね。
■ インスタグラムの画面をホームページ上に表示する方法の手順
手順１：下記のサイトにアクセスする。
・https://instawidget.net/generate
（現在、トラブルのために表示されなくなっているみたいです…）
手順２：「ユーザー名」の個所に、ホームページ上に表示したい
インスタグラムのユーザー名をを入力する。
たとえば、インスタグラムのユーザー名が「mokurikan」の場合は、
「mokurikan」と入力して、一番下の「プレビュー」ボタンをクリックする。
手順３：コードをコピーして、ホームページに貼り付ける。
コードが表示されるので、そのコードをコピーして、ホームページ上に貼り付けましょう。
なお、貼り付ける場所は、「インスタグラムを表示させたい箇所」に貼り付けるようにしてください。
手順４：ホームページ上に、インスタグラムが表示されることを確認する。
下記のように、ホームページ上にインスタグラムが表示されたら、作業は完了です。
なお、もし インスタグラムが表示されない場合は、ブラウザの再読み込み（Ctrl＋F5）をしてみてください。
■ ちょっとしたカスタマイズ方法
表示されるインスタグラムの画面の「横幅」を変更したい場合は、「ブログパーツ幅」の数字を変更することで、横幅を変更することができます。
また、「ユーザーアイコン」や「ユーザー紹介文」など、表示するか・しないかを選ぶことができるので、「プレビュー」ボタンをクリックしながら、表示を確かめてくださいね。
実際に使ってみると、とても簡単ですよ！
【注意】
「自分で更新できる最短ホームページテンプレート」 をお使いの場合で、サイドバーにインスタグラムの画面を表示させたい場合は、side.htmlファイルにソースを貼り付けてください。
ただ、side.htmlファイルに、表示の長いコンテンツを入れると、サイドバーが途中で切れてしまいます。
その場合は、サイドバーに掲載した情報が途中で消えてしまったときの対処方法のページを実施してみてください。
この対処を行うことで、サイドバーが途中で切れることなく、コンテンツが表示されるようになります。
■ 「ホームページ作成サービス」で役立つ！
他の人にホームページを作って提供した場合、そのホームページの更新は、「ホームページを作成した人だけ」しか、基本的には更新できませんよね？
でも、お客さんから、「自分でホームページに写真を掲載する方法はありますか？」という要望（質問）をもらう場合があります。
そのようなときは、「ホームページ上にインスタグラムを表示させることもできますよ！インスタグラムに写真をアップしていただければ、それがホームページ上に表示されます」と伝えてあげるようにしましょう！
お客さんは、ホームページの作り方は分かりませんが、インスタグラムに写真をアップすることはできるからです。
ここでお伝えした、「インスタグラムの画面をホームページ上に表示する方法」は、ホームページ作成サービスのときに役立つので、ぜひ知っておいてくださいね。
【よく読まれている関連記事】
