インスタグラムの画面をホームページ上に表示する方法

インスタグラムの画面をホームページ上に表示する方法をお伝えします。

まず、Instagram（インスタグラム）とは、写真をインターネット上で共有することができるサービスのことです。

「インスタ」と略されて呼ばれることが多いのですが、自分の私生活の写真やお店の写真などをアップして、たくさんの人に見てもらうことができます。

Instagram（インスタグラム）に写真をアップすると、自動的にホームページに表示できるので、お店の運営者にとっては、とても便利です！

そして、この「インスタグラムの画面をホームページ上に表示する方法」は、自分でホームページを更新できない人にとっては、有効な方法です。

たとえば、商売をしている個人事業者さんが、ホームページ作成業者にホームページを作ってもらったとします。

ただ、新しいメニューの写真などを、自分でホームページにすぐに掲載したいときも、きっとありますよね？

そのようなときに、インスタグラムの画面をホームページ上に表示しておけば、インスタグラムに写真をアップすることで、ホームページ上にその写真が表示されるため、とても便利です。

このような有効な使い方があるので、ぜひ参考にしてくださいね。

■ インスタグラムの画面をホームページ上に表示する方法の手順

手順１：下記のサイトにアクセスする。

・https://instawidget.net/generate
　（現在、トラブルのために表示されなくなっているみたいです…）

手順２：「ユーザー名」の個所に、ホームページ上に表示したい
インスタグラムのユーザー名をを入力する。

たとえば、インスタグラムのユーザー名が「mokurikan」の場合は、
「mokurikan」と入力して、一番下の「プレビュー」ボタンをクリックする。

手順３：コードをコピーして、ホームページに貼り付ける。

コードが表示されるので、そのコードをコピーして、ホームページ上に貼り付けましょう。なお、貼り付ける場所は、「インスタグラムを表示させたい箇所」に貼り付けるようにしてください。

手順４：ホームページ上に、インスタグラムが表示されることを確認する。

ホームページ上にインスタグラムが表示されたら、作業は完了です。
なお、もしインスタグラムが表示されない場合は、ブラウザの再読み込み（Ctrl＋F5）をしてみてください。

■ ちょっとしたカスタマイズ方法

表示されるインスタグラムの画面の「横幅」を変更したい場合は、「ブログパーツ幅」の数字を変更することで、横幅を変更することができます。

また、「ユーザーアイコン」や「ユーザー紹介文」など、表示するか・しないかを選ぶことができるので、「プレビュー」ボタンをクリックしながら、表示を確かめてくださいね。実際に使ってみると、とても簡単ですよ！

【注意】

「自分で更新できる最短ホームページテンプレート」 をお使いの場合で、サイドバーにインスタグラムの画面を表示させたい場合は、side.htmlファイルにソースを貼り付けてください。

ただ、side.htmlファイルに、表示の長いコンテンツを入れると、サイドバーが途中で切れてしまいます。その場合は、サイドバーに掲載した情報が途中で消えてしまったときの対処方法のページを実施してみてください。

この対処を行うことで、サイドバーが途中で切れることなく、コンテンツが表示されるようになります。

■ 「ホームページ作成サービス」で役立つ！

他の人にホームページを作って提供した場合、そのホームページの更新は、「ホームページを作成した人だけ」しか、基本的には更新できませんよね？

でも、お客さんから、「自分でホームページに写真を掲載する方法はありますか？」という要望（質問）をもらう場合があります。

そのようなときは、「ホームページ上にインスタグラムを表示させることもできますよ！インスタグラムに写真をアップしていただければ、それがホームページ上に表示されます」と伝えてあげるようにしましょう！

お客さんは、ホームページの作り方は分かりませんが、インスタグラムに写真をアップすることはできるからです。

ここでお伝えした、「インスタグラムの画面をホームページ上に表示する方法」は、ホームページ作成サービスのときに役立つので、ぜひ知っておいてくださいね。