ウェブサイト運営者のソーシャルメディアでの存在感を高めるお手伝いをしている中で、InstagramのコンテンツをWordPressサイトにシームレスに表示させるのがいかに難しいか、身をもって知っています。
ほとんどのネイティブ埋め込みオプションではデザインの自由度が限られており、さらにInstagram用のWordPress oEmbed機能は数年前に廃止されたため、状況はさらに厳しくなっています。
私はSmash Balloonで働いています。当社は、175万以上のWordPressサイトが利用している「Instagram Feed Pro」をはじめとする各種ソーシャルフィードプラグインを開発しているチームです。
この記事では、技術的な知識がなくても、わずか数クリックでWordPressサイトにInstagramウィジェットを追加する最も簡単な方法をご紹介します。
【簡単ガイド】「Smash Balloon Instagram Feed Pro」をインストールし、Instagramアカウントを連携させ、サイドバーやフッターのウィジェットエリアにフィードを埋め込みます。設定にかかる時間は約5分で、コーディングの知識は一切必要ありません。
以下で、手順を一つひとつご説明します。
この記事で
- WordPressにInstagramウィジェットを追加する方法
- WordPressにInstagramウィジェットを追加する方法
- WordPressのInstagramウィジェットに関するよくある質問
- なぜWordPressにInstagramフィード・ウィジェットを追加するのか？
- 今すぐInstagramウィジェットを埋め込む
- その他のソーシャルメディア・マーケティング・ガイド＆ヒント
WordPressにInstagramウィジェットを追加する方法
以前は、ウェブサイトにInstagramのリンクを追加すれば、WordPressのoEmbed機能が自動的にそれを埋め込んでくれました。
その機能は廃止されたため、Instagramのコンテンツを手動で埋め込むことは、現在では不安定で手間がかかる作業となっています。
では、Instagramをウィジェットとして追加することはできますか？はい、できますが、2つの方法を比較すると以下のようになります：
| Smash Balloon Instagram Feed Pro⭐ おすすめ | 手動埋め込み | |
|---|---|---|
| 自動的に更新されますか？ | ✅ はい、Instagramに投稿するたびに新しい投稿が取り込まれます | ❌ いいえ、投稿は1つずつ埋め込む必要があります |
| レイアウトはカスタマイズできますか？ | ✅ はい、グリッド、カルーセル、メザニー、ハイライトから選択してください | ❌ いいえ、Instagramのデフォルトの正方形フォーマットのままです |
| コードを書く必要がありますか？ | ✅ いいえ、ビジュアルカスタマイザーがすべてを処理します | ⚠️ はい、すべての投稿について埋め込みコードをコピーして貼り付けてください |
| サイドバーやフッターに追加していただけますか？ | ✅ はい、WordPressの標準ウィジェットとして | ❌ いいえ、手動での埋め込みはページ内のコンテンツ内でのみ機能します |
| サイトのデザインに合っていますか？ | ✅ はい、テーマの色を自動的に引き継ぎます | ❌ いいえ、Instagramの固定レイアウトのみです |
| もしInstagramの埋め込み機能が変更されたらどうなるでしょうか？ | ✅ このプラグインはAPIの更新を自動的に処理します | ❌ 埋め込みコンテンツが正常に表示されず、手動での修正が必要です |
| 最適 | 継続的なメンテナンスが不要な、ブランド化されたInstagramウィジェットをサイトに設置したいWordPressサイト | デザインを気にしない、単発の投稿埋め込み |
常に最新の状態を保ち、見栄えも良く、手間のかからないフィードが欲しいなら、このプラグインが最適です。特定のInstagramの投稿をブログ記事に1つだけ掲載したい場合は、手動での埋め込みでも問題ありません。
最高のInstagram WordPressプラグインは、あなたのウェブサイトの機能を強化し、あなたが初心者であっても新しい機能を追加することができます。
WordPressにInstagramウィジェットを追加する最も簡単な方法
Instagramのウィジェットを簡単に埋め込めるプラグインといえば、「Smash Balloon Instagram Feed Pro」プラグインです。
これを使えば、Instagram WordPressウィジェットを簡単に作成、カスタマイズし、ウェブサイトに埋め込むことができます - わずか数クリックで！
このプラグインはまた、コーディングのバックグラウンドやCSS、JavaScript、HTMLの知識を必要としない。美しいインスタグラムフィードウィジェットを簡単に作成できるビジュアルビルダーを手に入れることができる。
数回クリックするだけで、このプラグインを使って強力なインスタグラム機能を利用できる：
- カスタマイズ可能なレイアウト：Instagram風のクラシックなグリッドレイアウト、Instagramスライドショーウィジェット、または特定の写真のハイライト表示から選択できます。
- レスポンシブデザイン：フィードはモバイルフレンドリーでレスポンシブに対応しているため、Instagramウィジェットはデスクトップとモバイルの両方で美しく表示されます。
- フォローボタン：Instagramユーザーがワンクリックで簡単にあなたをフォローできるようにします。
- Instagramショッピング: このプラグインを使用すると、購入可能なInstagram投稿を追加し、そのフィードをWordPressサイトのサイドバーにInstagramウィジェットとして表示することができます。
- ソーシャルエンゲージメント：InstagramストーリーとInstagram写真のサムネイルを、ウェブサイト上にポップアップライトボックスで直接表示します。
- 読み込み時間の短縮：信頼性の高いデータキャッシュにより、プラグインがウェブサイトの速度を低下させる心配はありません。より高速なウェブサイトにより、サイトのSEO効果も向上します。
- マルチディスプレイ：サイトの異なる領域に複数のInstagramフィードを追加し、特定の種類のInstagram投稿を表示します。
平均評価4.9/5を獲得したこのプラグインは、世界中の100万人 以上の ユーザーがInstagramコンテンツを埋め込むのを支援しています。
これらの理由をはじめ、その他多くの点から、Smash BalloonのInstagram Feed ProはWordPress向けの最高のInstagramウィジェットプラグインです。
WordPress サイトに Instagram ウィジェットを追加する準備はできましたか?今すぐ Instagram Feed Pro を使い始めましょう!
WordPressにInstagramウィジェットを追加する方法
WordPressサイトにInstagramウィジェットを追加する準備はできましたか？以下の手順に従ってください。
ステップ1：Instagram Feedプラグインをインストールする
インスタグラム・フィード・プロを始めるには、ここをクリックしてください。次に、プラグインをコンピューターにダウンロードします。
その後、WordPressウェブサイトにアップロードし、有効化する必要があります。WordPressプラグインのインストール方法について復習が必要な場合は、こちらのステップバイステップガイドをご覧ください。
ステップ2：Instagramフィードウィジェットを作成する
プラグインをインストールして有効化したら、このステップでInstagramフィード・ウィジェットを作成しよう。
まず、WordPressのダッシュボードからInstagramのフィード " すべてのフィード メニューに移動し、新規追加 ボタンをクリックします。
そして、ウィジェットに必要なInstagramフィードのタイプを選択することができる。Instagram Feed Proには機能が制限された無料版があるが、このプラグインのプロ版では3つの異なるオプションから選ぶことができる：
- ユーザーのタイムライン：自分のアカウントから最新のインスタグラム投稿を表示
- 公開ハッシュタグ： 選択したハッシュタグを持つInstagramの投稿を表示する
- タグ付けされた投稿 あなたのアカウントにタグ付けされたInstagramウィジェットを埋め込む
さらに、複数のオプションを同時に選択することもできる。そのため、異なるフィードタイプを1つのフィードにまとめることができます。
次に進むには、インスタグラムのフィードの種類を選び、「次へ」をクリックします。
このチュートリアルでは、ユーザータイムラインフィードタイプを 選びます。
ステップ3：インスタグラムのアカウントに接続する
このステップでは、ビジネスやクリエイターのInstagramアカウントをWordPressにリンクする方法を紹介します。
まだビジネスアカウントやクリエイターアカウントをお持ちではないですか？インスタグラムの個人アカウントをビジネスプロフィールに変更する方法を紹介した便利なガイドをご覧ください。
アカウントの準備ができたら、このページでソースの追加ボタンをクリックしてください。
プラグインは、ベーシックまたはアドバンスド・インスタグラムの接続を希望するかどうかを尋ねます。
ベーシック接続を使えば、インスタグラムの投稿をフィードに表示できる。
ハッシュタグフィード、メンションフィードなど、他のタイプのフィードについては、アドバンス接続が必要です。
インスタグラムの接続タイプを選び、「接続」をクリックする。
次に、FacebookかInstagramのどちらかを開き、アカウントの接続を完了させます。基本的な接続にはInstagramを使いますが、手順はどちらでも同じです。
まず、Instagramとつながるをクリックする。
Instagram Feed ProプラグインにInstagramアカウントへの読み取り専用アクセス権を与えることができるようになりました。プラグインはそのアクセス権を使ってインスタグラムの情報を表示しますが、実際には変更を加えることはできません。
そうすれば、Instagram Feed Proは完全に安全に使用できる。
プラグインに読み取り専用アクセス権を与えるには、ここで「許可」 ボタンをクリックします。
そうすると、プラグインはWordPressサイトにあなたを送り返す。
Instagramアカウントの接続を完了するには、「次へ」をクリックします。
ステップ4：Instagramウィジェットフィードをカスタマイズする
プラグインは、ライブフィードエディタであなたのInstagramのフィードを開きます。左側のパネルに、カスタマイズのオプションがあります。
これらのオプションを使って、フィードレイアウトテンプレート、カラースキーム、ヘッダーデザイン、投稿レイアウトなどを変更できます。
右側にはライブプレビューがあり、Instagramフィードの変更をリアルタイムで確認できる。
ここで フィードレイアウトオプションを選択し、カスタマイズを開始します。
新しいインスタグラムのフィードは、4つの異なるレイアウトから選ぶことができます：グリッド、カルーセル、メイソンリー、ハイライト。
Instagramの投稿をきれいに表示したいですか？Instagramのサムネイルをきれいな正方形に切り抜き、行と列で表示するグリッドレイアウトを選択してください。
個人的には、InstagramのウィジェットにInstagram Feed Proのグリッドレイアウトを使うのが好きだ。グリッドレイアウトを使用して、私のサイドバーエリアに私の個人的なInstagramフィードを埋め込むことを好むので、私の投稿は整理され、きちんと見えます。
ページ上で多くのInstagram投稿を表示したいがスペースをあまり取りたくない場合は、カルーセルレイアウトを選択しましょう。
このオプションは、写真や動画を美しいインスタグラムのカルーセルで表示します。
インスタグラムのコンテンツを異なるカラムで表示するには、代わりに メイソンレイアウトを選ぶことができます。このレイアウトでは、インスタグラムの投稿の元の比率も維持されます。
最後に、キャプションや「いいね！」を削除してインスタグラムの投稿に焦点を当てるハイライトレイアウトが ある。また、特定の投稿のサイズを大きくして、はっきりと見えるようにすることもできる。
インスタグラムのフィードレイアウトを保存するには、上部の保存 ボタンをクリックします。
これで、小さなカスタマイズ ボタンをクリックして、インスタグラムフィードの残りの部分をカスタマイズすることができる。
ここで、Instagramフィードの色の編集を開始するには、「配色」をクリックします。
フィードの色を簡単に設定するには、4つの配色から選ぶだけです：
- テーマから継承：WordPressテーマの色をInstagramフィードに使用する。
- 明るい：明るい背景と暗いフォントでフィードを表示します。
- ダーク：背景をダークカラーに、フォントをライトカラーに切り替える。
- カスタム： Instagramフィードのすべての色を手動で選択します。
お好みの配色を選択し、保存 ボタンをクリックするだけです。
残りのカスタマイズオプションを使って、投稿レイアウト、カラム数、ヘッダースタイル、フィードサイズ、ボタンスタイルなどを変更できます。
Instagramフィードのカスタマイズが終わったら、もう一度「保存 」をクリックするのを忘れずに。
ステップ5：WordPressサイトにInstagramウィジェットを埋め込む
ライブプレビュー付きのビジュアルフィードカスタマイザーから、数クリックでInstagramフィードを埋め込むことができます。
まず、右上の埋め込み ボタンをクリックします。
すると、新しいインスタグラムのフィードの場所を選択するポップアップが表示されます。
続行するには、ショートコードをコピーし、ウィジェットに追加ボタンをクリックします。
設定が完了すると、Instagram Feed ProがWordPressサイトの「ウィジェット」ページを開きます。ここでは、サイドバーとInstagramフッターのすべてのウィジェットを管理できます。
Instagramフィードウィジェットの埋め込みを開始するには、サイドバーパネルを クリックします。
Instagramのフィードをフッターウィジェットエリアに埋め込みたい場合は、ここでフッターパネルをクリックすることもできます。
このチュートリアルでは、WordPressのサイドバーを使います。
プラスアイコン（+）をクリックして、フッターまたはサイドバーに新しいウィジェットを追加します。オプションからInstagram Feed ウィジェットを選択し、フィードを埋め込みます。
更新をクリックすると、このようにInstagramウィジェットがWordPressページに追加されます：
そうだ！
WordPressサイトにInstagramウィジェットを追加しました。Instagram Feed Proを使えば、必要なのは簡単な数ステップだけ。コーディングは一切不要です！
その後、適切なビジュアルコンテンツで訪問者を魅了し、彼らを忠実なインスタグラムのフォロワーに変えることができる。
Instagramウィジェットを簡単に埋め込む準備はできましたか？今すぐInstagram Feed Proを始めましょう。
WordPressのInstagramウィジェットに関するよくある質問
WordPressにInstagramをウィジェットとして追加できますか？
はい、ただしWordPressの標準機能ではできません。InstagramはWordPress向けのoEmbedサポートを終了したため、標準の埋め込み機能はもはや安定して動作しません。最も確実な方法は「Smash Balloon Instagram Feed Pro」を使用することです。このプラグインを導入すると、サイトのサイドバー、フッター、またはウィジェットエリアのどこにでも配置できる、Instagramフィード用の専用ウィジェットが追加されます。
WordPressのサイドバーにInstagramのフィードを追加するにはどうすればいいですか？
Instagram Feed Pro を使用する場合、プラグインのダッシュボードでフィードを作成し、右上の「埋め込み」をクリックして、「ウィジェットに追加」を選択し、サイドバーパネルを選びます。Instagram Feed ウィジェットを追加して、「更新」をクリックします。ショートコードを入力する必要はなく、フィードがすぐにサイドバーに表示されます。
1つのウィジェットで、複数のInstagramアカウントの投稿を表示することはできますか？
はい。「Instagram Feed Pro」を使えば、複数のInstagramアカウントを連携させ、1つのフィードウィジェットにまとめることができます。
Instagramのウィジェットは自動的に更新されますか？
はい。Instagram Feed Proは定期的に新しい投稿をチェックし、ウィジェットを自動的に更新します。Instagramに投稿するたびに、何も操作しなくても新しいコンテンツがサイトのフィードに反映されます。
サイドバーウィジェットには、どのInstagramレイアウトが最適ですか？
グリッドレイアウトはコンパクトで、列幅が狭い場合でもきれいに表示されるため、サイドバーでの使用に最適です。一方、カルーセルレイアウトは、横方向のスペースが広いフッターエリアに適しています。ライブフィードエディターでは、グリッド、カルーセル、メイソンリー、ハイライトの各レイアウトをいつでも切り替えることができます。
なぜWordPressにInstagramフィード・ウィジェットを追加するのか？
世界最大のソーシャルメディア・プラットフォームの1つであるインスタグラムは、多くの人にリーチしたい場合に最適な場所だ。
貴社のビジネスにとって、それはより多くの顧客、売上、そしてコンバージョンを意味します。
また、インスタグラムを最大限に活用するために、インスタグラムのフィードをウェブサイトに埋め込むこともできる。
そうすれば、ウェブサイトの訪問者はあなたのInstagramのコンテンツを閲覧できるようになり、あなたは「いいね！」やコメント、フォロワーを増やすことができます。
同時に、関連するインスタグラムの投稿を見せることで、ウェブサイトをより魅力的なものにすることもできる。
実際、WordPressにInstagramのウィジェットを埋め込むと、さらに多くの方法であなたを助けることができる：
- 信頼構築：ソーシャルフォトフィードはサイトに新鮮さと最新性を与えます。これにより、お客様は貴社のビジネスが活発で繁栄していることを実感できます。
- より良いエンゲージメント：ソーシャル・エンゲージメントを高め、新しいフォロワーを獲得することで、インスタグラムでより良いプロモーションができる。
- 一貫したブランディング：インスタグラムの写真や動画は、企業イメージを強化するブランディング要素として機能します。また、ユーザーが作成したインスタグラムの画像をウェブサイトに表示すれば、社会的証明を使ってブランド認知度を高める素晴らしい方法となります。
- 売上増加：ショッピング可能なInstagram投稿やレビューウィジェットをECサイトに表示すれば、サイト訪問者が商品を見つけやすく、購入しやすくなります。
- より良いSEO： 訪問者がInstagramウィジェットのフィードを楽しむと、特にInstagramフィードの「load more」ボタンをクリックした場合、あなたのサイトでより多くの時間を過ごすようになります。その結果、SEOが大幅に向上し、多くの人にリーチすることができます。
- 時間と手間を節約：Instagramフィードをサイトに埋め込むと、Instagramに投稿するたびに自動的に更新され、新しい投稿が表示されます。ウェブサイトに別途アップロードする必要はありません。
このように、インスタグラムの投稿をサイトに表示することで、ビジネスを後押しする方法はたくさんある。
プロのコツ：ウェブサイトにInstagramリールを表示したいですか？WordPressにInstagramリールを埋め込む方法をステップバイステップで解説します。
今すぐInstagramウィジェットを埋め込む
WordPressのサイドバーやフッターにInstagramのライブウィジェットを追加することで、サイトを視覚的に魅力的に保つことができます。
ユーザーをサポートした経験から、技術的な作業に思えることも、Smash Balloon Instagram Feed Proを使えば簡単にできる。
わずか数分で、最新の投稿を表示するプロフェッショナルなInstagramウィジェットを手に入れることができます。コーディングは不要です。
次に私がお勧めするのはこれだ：
- Instagram Feed Proを入手してください。(14日間の返金保証付きです。）
- このガイドの簡単な手順に従って、Instagramウィジェットを作成し、カスタマイズしてください。
- インスタグラムのフィードウィジェットをウェブサイトのサイドバーまたはフッターエリアに設置する。
Instagram Feed Proを使ってウェブサイトにInstagramウィジェットを追加することについて、何か質問はありますか？下のコメントで質問してください。
その他のソーシャルメディア・マーケティング・ガイド＆ヒント
- ウェブサイトに他のソーシャルメディアフィードを表示したいですか？WordPressにソーシャルメディアフィードを追加する方法については、次の記事をご覧ください。
- Instagramでビジネスを成長させることに興味がありますか？あなたのウェブサイトに今必要な最高のInstagram WordPressプラグインをご紹介します。
- Facebookを簡単に成長させる方法として、ウェブサイトにFacebookフィードを埋め込む方法についての次の記事もご覧ください。
この記事を楽しんでいただけたなら、ツイッターや フェイスブックでもっと役立つチュートリアルをご紹介しますので、お気軽にフォローしてください。
とても参考になった！