インスタグラムを簡単に、素早く、手間をかけずにウェブサイトに埋め込む最良の方法を知りたいですか？
20億人以上のユーザーを抱えるインスタグラムは、世界で最も人気のあるソーシャルネットワークのひとつです。しかし、アプリにとどまらず、ウェブサイトにインスタグラムのフィードを表示できることをご存知ですか？
結局のところ、Instagramの投稿をサイトに埋め込むことは、Instagramのマーケティングキャンペーンをより多くの人に露出させる素晴らしい方法なのです。
まず、インスタグラムのフィードを追加する古い方法が、なぜあなたのサイトにとってデメリットになるのかを見てみよう。
あるいは、ここをクリックしてチュートリアルに直接飛ぶこともできる。
WordPressにInstagramの投稿を追加する方法（手動）
手動でインスタグラムの投稿をワードプレスのウェブサイトに追加するには、以下の手順を踏む：
- ステップ1：埋め込みたいInstagramの投稿を開く
- ステップ2：右上の3つの点のアイコンをクリックします。
- ステップ 3: メニューから埋め込み オプションを選択します。
- ステップ 4:「埋め込みコードをコピー 」ボタンをクリックします。
- ステップ5：ウェブサイトに戻り、ページまたは投稿を開く
- ステップ6：カスタムHTMLブロックを挿入する
- ステップ7：コピーしたInstagramの埋め込みコードを貼り付ける
プラグインなしでこのようなことができる一方で、この方法にはいくつかの欠点もある：
- インスタグラムの投稿ごとに埋め込みコードを手作業で挿入するため、時間と手間がかかる
- インスタグラムの埋め込みコードを挿入する際に何か問題が発生しても、サポートチームが助けてくれることはない。
- インスタグラムの投稿はすべて、インスタグラムの公式ブランディングを維持します。そのため、ウェブサイトに選んだデザインと衝突する可能性があります。
- Google検索はインスタグラムのiFrame内のコンテンツを読み取ることができないため、SEOのメリットを逃している。
WordPressにインスタグラムを埋め込む最も簡単な方法
Instagramのコンテンツをウェブサイトに表示する最も簡単な方法は、信頼できるWordPressプラグインを使用することです。
美しいInstagramフィードを作成、カスタマイズし、ウェブサイトに表示する最良の方法をお望みなら、WordPressに最適なInstagramフィードプラグインをご利用ください：Instagram Feed Pro。
紛らわしいコードスニペットを扱うことなくInstagram Feed Proを設定できるので、WordPress初心者でも簡単にプラグインを使ってInstagramのコンテンツをサイトに埋め込むことができます - 5分以内に！
実際、フィードを簡単に埋め込むための便利な機能が揃っている：
- インスタグラムのフィードを記録的な速さで作成するには、3ステップのガイドに従うだけでよい。そして、節約した時間をあなたのビジネスに投資することができる。
- インスタグラムのタイムラインフィード、ハッシュタグフィード、メンションフィードなど、たくさんの種類のフィードから選ぶことができます。そのため、様々なインスタグラムコンテンツで訪問者を魅了することができます。
- コンバージョンを高め、より多くの売上を獲得するために、ショッピング可能なインスタグラムフィードをサイトに埋め込むことができる。
- Instagram Feed Proは、InstagramのAPIから効率的にデータを取得し、読み込み時間を最小限に抑えるため、電光石火の速さです。そのため、ウェブサイトのパフォーマンスが低下することはまったくありません。
- Instagram Feed Proはとてもユーザーフレンドリーなので、ライブフィードエディターを使って数クリックでInstagramフィードをカスタマイズすることができます。
このプラグインは、 100万人以上のアクティブユーザーが世界中のウェブサイトにインスタグラムのコンテンツを埋め込むのに役立っている。
また、4.9/5つ星という高い評価を得ているSmash Balloonの迅速でフレンドリーなサポートチームは、いつでもお客様をサポートする準備ができているので、安心してご利用いただけます。
InstagramのフィードをWordPressに埋め込む準備はできましたか？今すぐInstagram Feed Proを入手してください！
ステップ1：Instagram Feed Proプラグインをインストールする
最初のステップは、Instagram Feed Proを入手することだ。次に、プラグインをコンピューターにダウンロードします。
プラグインをダウンロードしたら、WordPressサイトにアップロードしてインストールするだけだ。
やり方が分からなくても心配しないでください。WordPressプラグインのインストール方法については、こちらの記事をご覧ください。
ステップ2：インスタグラムのフィードを作成する
Instagram Feed Proプラグインを使えば、わずか数ステップで新しいフィードを作成できる。
まず、WordPressのダッシュボードにアクセスし、Instagramのフィード " すべてのフィードメニューに移動します。
このページで、上部にある「新規追加」 ボタンをクリックします。
インスタグラムのコンテンツをウェブサイトに埋め込み続けるために、インスタグラムのフィードタイプを選択できるようになりました。
インスタグラム・フィード・プロでは、3つのフィードタイプから選ぶことができます：
- ユーザーのタイムライン： あなたのアカウントからInstagramのフィードを埋め込み、プロフィールの写真だけを表示します。
- パブリックハッシュタグ： お好みのパブリックハッシュタグからInstagramフィードを埋め込みます。これはブランドのハッシュタグにすることができるので、インスタグラムの声をサイトに表示することができます。
- タグ付き投稿： あなたのInstagramアカウントが他のアクティブユーザーによってタグ付けされた写真のInstagramフィードを埋め込みます。
また、ここで複数のオプションを選択することで、複数のインスタグラムフィードを組み合わせ、1つの埋め込みインスタグラムフィードとして表示することもできる。
インスタグラムのフィードタイプを選択したら、「次へ」をクリックする。
このチュートリアルでは、ユーザータイムラインオプションを選びます。
ステップ3：インスタグラムのアカウントに接続する
インスタグラムのアカウントに接続する前に、それがビジネスまたはクリエイターのアカウントであることを確認する必要があります。
まだインスタグラムを持っていない場合は、インスタグラムのアカウントをビジネスプロフィールに変換する方法について、こちらの記事をご覧ください。
このページで、青いAdd Sourceボタンをクリックして開始します。
次に、ベーシック接続かアドバンス接続のどちらかを選択するよう求められます。
- ビジネス・ベーシック：自身のインスタグラム・アカウントの写真をウェブサイトに表示する
- ビジネス上級者向け： ハッシュタグフィードやショッピング可能なインスタグラムフィードなど、より多くの種類のコンテンツを表示します。
Instagramアカウントの種類を選択したら、「Connect」をクリックします。
その後、インスタグラムかフェイスブックのどちらかを開き、アカウントの接続を完了する。
とりあえず、Instagramとつながるボタンをクリックしてみる。
プラグインはInstagramにあなたを送り、そこであなたのアカウントに読み取り専用 アクセス権を与えることができる。
Instagram Feed Proは、あなたの情報を見るためにこのアクセスを使用することができ、変更を加える権限を持っていないので、完全に安全です。
続行するには、ポップアップの「許可」 ボタンをクリックしてください。
これによって、Instagram Feed Proはあなたを再びあなたのウェブサイトに引き戻すだろう。
ここで、「次へ 」をクリックして、このInstagramアカウントを新しいInstagramフィードのソースとして確認する。
ステップ4：インスタグラムフィードのデザインをカスタマイズする
美しいInstagramフィードを簡単に作成できるように、Instagram Feed Proにはプロがデザインしたテーマが付属しており、インポートすることができます。
実際、あなたのフィードに使用できるユニークなデザインの5つの異なるテーマがあります：
- デフォルト
- モダン
- ソーシャルウォール
- 概要
- オーバーラップ
あとはお好きなテーマを選んで「次へ」ボタンをクリックするだけです。
このように、YouTube Feed Proは自動的にテーマのデザインをフィードにインポートします。さらに、テンプレートをインポートして、フィード上のInstagram投稿のレイアウトを変更することもできます。
先ほどと同様に、お好みのテンプレートを選択し、「Next」をクリックします。
このプラグインはライブフィードエディターを開くので、インスタグラムのフィードのデザインを簡単にパーソナライズできる。
まず、左のパネルにあるカスタマイズオプションをチェックしよう。ここから、インスタグラムフィードのサイズ、レイアウト、色、ヘッダーのスタイル、デザインなどをコントロールできる。
変更を加えるたびに、右側にあるリアルタイム・プレビューを使って、どのように見えるかを確認することができます。
カスタマイズを始めるにあたり、私は通常インスタグラムのフィードのレイアウトを変更する。
そのためには、左側のフィードレイアウトオプションを クリックします。
Instagramフィードのレイアウトを4種類から選べるようになりました：グリッド、カルーセル、メイソンリー 、ハイライトです。
それぞれのレイアウトを詳しく見てみよう。
グリッドレイアウトを 選択すると、このように正方形サイズの画像が整理されたコレクションとしてインスタグラムのフィードが表示されます：
Instagramのカルーセルフィードを表示したいですか？カルーセルレイアウトを選択すると、Instagramの写真を横スクロールフィードで表示できます。
インスタグラムのギャラリーを表示することに興味があるインスタグラム・ユーザーには、メイソン・レイアウトが 最適です。
こうすることで、あなたのインスタグラムの写真が本来のプロポーションで紹介される。
最後に、フィードで特定のインスタグラム写真を強調したい場合は、ハイライト オプションを選択することができます。
ハイライトされた写真はフィード内で2倍の大きさで表示されるため、視聴者の注目を集めたい場合はこのレイアウトが便利です。
お好みのレイアウトタイプを選択し、上部の「保存」ボタンをクリックします。
次に、小さなカスタマイズ ボタンをクリックして、メインのオプションに戻ります。
それでは、新しいInstagramフィードの色を変更してみましょう。
まず、左側の配色 オプションをクリックします。
インスタグラムのフィードの配色を4種類から選べるようになった：
- テーマからの継承：ウェブサイトの色を自動的にコピーする
- 明るい：暗いフォントとともに明るい背景を表示する。
- ダーク：文字色は明るく、背景は暗くする。
- カスタム：手動ですべての色を選択
ここからお好みのオプションを選択し、「保存」 ボタンをクリックして変更を確定します。
ライブフィードエディターを使えば、Instagramフィードの残りの部分をカスタマイズするのはとても簡単です。数回クリックするだけで、ヘッダーのスタイル、フォローボタン、ライトボックスオプション、フィードサイズなどを設定できる。
インスタグラムのフィードをカスタマイズしたら、もう一度保存 ボタンをクリックするのを忘れずに。
ステップ5：ウェブサイトにインスタグラムのフィードを埋め込む
Smash BalloonはInstagramとWordPressの両方でシームレスに動作するので、Instagramのコンテンツをウェブサイトに追加するのはとても簡単です。
インスタグラムのフィードをWordPressのページに追加するか、ウェブサイトのサイドバーエリアに追加するかを選択できます。
WordPressのページにInstagramのフィードを表示する
ライブフィードエディターを使えば、インスタグラムのフィードをWordPressのページに簡単に追加できる。
まず、上部にある埋め込み ボタンをクリックします。
インスタグラムのフィードの場所を設定するポップアップが表示されます。
とりあえず「ページに追加 」オプションをクリックしてください。
その後、リストからWordPressページを選択し、追加 ボタンをクリックします。
そうすると、プラグインがWordPressのエディターでそのページを開きます。
エディターのプラス（+）アイコンをクリックして、新しいWordPressコンテンツブロックを追加できます。
次に、「instagram」を検索し、Instagram Feedブロックをクリックしてページに追加する。
ページエディターにInstagramフィードのプレビューが表示されます。最後に、Publishを クリックして、新しいInstagramフィードをウェブサイト上で公開します。
それでは次に、インスタグラムのフィードを埋め込む2つ目の方法を見ていきましょう。
WordPressのサイドバーまたはフッターにInstagramのフィードを表示する
フィードをウェブサイトのサイドバーやフッターに埋め込むには、まず、ライブフィードエディタでフィードを開きます。
そのためには、WordPressのダッシュボードからInstagramのフィード " すべてのフィードに 移動することができます。
このページで、先ほど作成したインスタグラムのフィードをクリックできる。
これにより、プラグインのライブフィードエディターでフィードが再び開きます。
ここから、Embed ボタンをクリックして次に進みます。
次に、ポップアップの「ウィジェットに追加」 ボタンをクリックします。
WordPressサイトのウィジェットページが開きます。
ここから、新しいフィードをInstagramウィジェットとしてサイドバーやフッターに追加できる。
サイドバーパネルをクリックして、サイドバーのウィジェットを管理できます。
また、フッターウィジェットの管理を始めたい場合は、フッターパネルを クリックしてください。
このチュートリアルでは、WordPressのサイドバーを使用します。
最後に、プラス（+）アイコンを クリックしてウィジェットを追加し、Instagramフィードウィジェットを クリックしてフィードを埋め込む。
こうすることで、インスタグラムのフィードがウェブサイトのサイドバーに表示されます。その結果、あなたのウェブサイトにアクセスすると、この例が表示されます：
さて、これで完成だ！
今、あなたはWordPressのための最高のInstagramのフィードプラグインの助けを借りて、簡単にあなたのウェブサイトにInstagramのフィードを埋め込む方法を知っている。
その結果、あっという間にフォロワーを増やし、ビジネスの売上を増やすことができる。しかも、コーディングは一切必要ありません。
Instagramのフィードを埋め込む準備はできましたか？今すぐInstagram Feed Proを始めましょう。
ついでに、インスタグラムのリールで再生回数を増やす方法についてのガイドもご覧ください。
インスタグラム・マーケティングのヒントとコツ
- 無料でインスタグラムのフィードをWordPressに埋め込む方法（コードなし）
- Elementorにソーシャルメディアフィードを追加する方法
- WordPressサイトにInstagramの投稿を埋め込む方法
- フォロワーを惹きつけるソーシャルメディア投稿の賢い種類
- インスタグラムでリアルフォロワーを増やすハック【高速編
この記事が役に立ったなら、ツイッターや フェイスブックで私たちとつながって、もっと役に立つチュートリアルを楽しんでください。
