WordPressにインスタを連携・埋め込みする方法｜表示されない原因と解決策まで解説

はじめに

WordPressにインスタを連携・埋め込みすると、ブログ記事や店舗サイト、ECサイトにInstagramの投稿やフィードを表示できます。写真や動画を使って商品・サービスの雰囲気を伝えたり、ユーザーの投稿を口コミとして見せたり、WordPressからInstagramへのフォロー導線を作ったりできるため、サイトの信頼感や回遊率アップにもつながります。

一方で、「ワードプレスにインスタを貼ったのに表示されない」「以前は表示されていたInstagramフィードが急に消えた」「URLを貼るだけでは埋め込めない」といったトラブルも少なくありません。特にInstagramはAPIや埋め込み仕様が変わることがあり、古い手順のままではうまく表示できないケースがあります。

この記事では、WordPressにインスタを連携・埋め込みする方法を、プラグインなし・プラグインありの両方から解説します。さらに、インスタが表示されない原因と解決策、連携時の注意点、活用のコツまでまとめて紹介します。

1. WordPressとインスタを連携・埋め込みする前に知っておきたい基礎知識

1-1. WordPressにインスタを表示させると何ができるのか

WordPressにインスタを表示させると、Instagram上の投稿やフィードをサイト内に見せることができます。たとえば、ブログ記事内に関連するInstagram投稿を埋め込んだり、トップページやサイドバーに最新投稿を一覧表示したりできます。

具体的には、次のような使い方が可能です。

・ブログ記事にインスタ投稿を埋め込んで内容を補足する
・店舗サイトに最新のInstagram投稿を表示する
・ECサイトで商品の着用例や使用例を見せる
・お客様の声や口コミ投稿を紹介する
・Instagramアカウントへのフォロー導線を作る
・サイト更新とSNS運用を連動させる

Instagramは写真や動画で直感的に魅力を伝えやすいため、文章中心のWordPress記事に組み合わせることで、ユーザーにより具体的なイメージを持ってもらいやすくなります。

1-2. 「連携」と「埋め込み」の違い

WordPressとインスタを扱うときによく出てくる言葉が、「連携」と「埋め込み」です。似ているようですが、意味は少し違います。

「埋め込み」は、Instagramの投稿やプロフィールなどをWordPressの記事・固定ページ内に表示することです。たとえば、Instagram公式の埋め込みコードを取得して、WordPressのカスタムHTMLブロックに貼り付ける方法が該当します。

一方、「連携」は、WordPressとInstagramアカウントを接続し、投稿データを自動取得したり、最新フィードを表示したりする仕組みを指すことが多いです。プラグインを使ってInstagramアカウントを認証し、投稿一覧を自動で表示する方法が代表例です。

つまり、単体の投稿を記事に貼りたい場合は「埋め込み」、Instagramの最新投稿を継続的に表示したい場合は「連携」と考えると分かりやすいでしょう。

1-3. 投稿単体・プロフィール・フィード表示の違い

WordPressにインスタを表示する方法は、大きく分けて「投稿単体」「プロフィール」「フィード表示」の3種類があります。

投稿単体の埋め込みは、特定のInstagram投稿を1つだけ記事内に表示する方法です。ブログ記事の内容に関連する投稿を紹介したいときに向いています。

プロフィールの埋め込みは、Instagramアカウントのプロフィール情報をサイトに表示する方法です。ブランドや店舗のInstagramアカウントを紹介し、フォローにつなげたい場合に役立ちます。Instagram公式ヘルプでも、公開アカウントであれば投稿、リール、プロフィールなどをWebサイトやブログに埋め込めると説明されています。

フィード表示は、Instagramアカウントの複数投稿を一覧で表示する方法です。トップページ、サイドバー、フッター、ギャラリーページなどに向いています。最新投稿を自動で反映したい場合は、プラグインや外部ツールを使うのが一般的です。

1-4. プラグインあり・なしのどちらを選ぶべきか

WordPressにインスタを表示する方法は、プラグインなしでも可能です。ただし、目的によって向き・不向きがあります。

プラグインなしが向いているのは、特定のInstagram投稿を1つだけ記事内に埋め込みたい場合です。余計な機能を追加しないため、WordPressを軽く保ちやすく、管理もシンプルです。

一方、プラグインが向いているのは、Instagramフィードを自動表示したい場合です。複数投稿をグリッド表示したい、表示件数や列数を調整したい、スマホでも見やすく表示したい、最新投稿を自動更新したいといったケースでは、プラグインを使う方が効率的です。

ただし、Instagram関連のプラグインはAPI変更の影響を受けることがあります。MetaはInstagram Basic Display APIを2024年12月4日から利用不可にすると発表しており、古い連携方式に依存しているツールでは表示不具合が起きる可能性があります。

2. WordPressにインスタを埋め込む主な方法

2-1. Instagram公式の埋め込みコードを使う方法

もっとも基本的な方法は、Instagram公式の埋め込みコードを使う方法です。Instagramの投稿ページを開き、メニューから「埋め込み」を選択してHTMLコードをコピーし、WordPressに貼り付けます。

この方法のメリットは、プラグインを追加しなくても投稿を表示できることです。記事内で特定のInstagram投稿を紹介したいだけなら、公式の埋め込みコードで十分な場合が多いです。

ただし、埋め込めるのは基本的に公開されている投稿です。アカウントが非公開の場合や、投稿が削除・制限されている場合は表示できません。また、投稿者側の設定やInstagram側の仕様変更によって表示が変わる可能性もあります。

2-2. WordPressのカスタムHTMLブロックに貼り付ける方法

WordPressのブロックエディターを使っている場合は、「カスタムHTML」ブロックにInstagramの埋め込みコードを貼り付けます。

手順はシンプルです。

  1. WordPressの投稿または固定ページを開く

  2. 埋め込みたい位置で「＋」をクリックする

  3. 「カスタムHTML」ブロックを追加する

  4. Instagramでコピーした埋め込みコードを貼り付ける

  5. プレビューで表示を確認する

  6. 問題なければ公開または更新する

通常の「段落」ブロックにHTMLコードを貼ると、コードが文字として表示されたり、正しく反映されなかったりすることがあります。Instagramの埋め込みコードを使う場合は、カスタムHTMLブロックを使うのが基本です。

2-3. インスタ投稿のURLを貼り付けて表示する方法

以前は、Instagram投稿のURLをWordPressエディターに貼り付けるだけで埋め込み表示できるケースがありました。しかし現在は、URL貼り付けだけではうまく表示されないことがあります。

WordPress公式ドキュメントでは、Facebook社がoEmbedエンドポイントを廃止した影響により、2020年10月24日以降、Instagramリンクの埋め込みは従来の方法では動作しないと説明されています。

そのため、WordPressにインスタを確実に埋め込みたい場合は、投稿URLをそのまま貼るだけでなく、Instagram公式の埋め込みコードを取得してカスタムHTMLブロックに貼る方法を優先しましょう。

2-4. プラグインでインスタフィードを表示する方法

Instagramの投稿一覧をWordPressに表示したい場合は、インスタフィード対応のプラグインを使う方法が便利です。

プラグインを使うと、次のような表示がしやすくなります。

・最新投稿を自動で表示する
・複数投稿をグリッド形式で並べる
・表示件数や列数を調整する
・サイドバーやフッターに表示する
・ショートコードやブロックで簡単に配置する
・スマホ表示に対応したレイアウトにする

代表的なプラグインには、Smash Balloon Social Photo Feedなどがあります。WordPress.orgのプラグインページでは、Instagramフィードを数クリックで作成・カスタマイズ・埋め込みでき、コード不要で使えると説明されています。

2-5. 外部ツールを使ってデザイン性の高いフィードを作る方法

WordPressプラグイン以外に、外部のInstagram埋め込みツールを使う方法もあります。外部ツールでは、デザイン性の高いフィード、スライダー表示、タイルレイアウト、ハッシュタグ収集、口コミ表示などに対応していることがあります。

外部ツールが向いているのは、次のようなケースです。

・ブランドイメージに合うデザインで表示したい
・複数SNSの投稿をまとめて表示したい
・ハッシュタグ投稿を収集して表示したい
・WordPress以外のサイトにも同じフィードを使いたい
・プラグイン管理を増やしたくない

ただし、外部ツールは無料プランだと表示件数やデザインに制限がある場合があります。また、外部サービス側の仕様変更や料金変更にも影響されるため、長期運用では費用と安定性を確認しておきましょう。

3. プラグインなしでWordPressにインスタ投稿を埋め込む手順

3-1. 埋め込みたいインスタ投稿を開く

まず、WordPressに埋め込みたいInstagram投稿をブラウザで開きます。スマホアプリでは埋め込みコードが見つけにくいことがあるため、できればパソコンのブラウザでInstagramにアクセスするのがおすすめです。

埋め込みたい投稿は、公開されている必要があります。自分の投稿でも他人の投稿でも、非公開アカウントの投稿や削除済みの投稿は表示できません。

ブログ記事に埋め込む場合は、記事内容と関連性の高い投稿を選びましょう。たとえば、商品レビュー記事なら実際の使用写真、旅行記事なら現地の写真、店舗紹介記事なら店内やメニュー写真などが適しています。

3-2. 埋め込みコードをコピーする

Instagram投稿ページを開いたら、投稿の右上付近にある「…」メニューをクリックします。表示されたメニューの中に「埋め込み」があれば選択します。

その後、埋め込み用のHTMLコードが表示されるので、「埋め込みコードをコピー」をクリックします。

コピーされるコードには、Instagram投稿を表示するためのHTMLやスクリプトが含まれます。コードの一部だけをコピーすると正しく表示されないため、必ず全文をコピーしてください。

3-3. WordPressの記事・固定ページに貼り付ける

次に、WordPressの管理画面にログインし、埋め込みたい投稿または固定ページを開きます。

ブロックエディターの場合は、表示したい位置で「＋」をクリックし、「カスタムHTML」ブロックを追加します。そこに先ほどコピーしたInstagramの埋め込みコードを貼り付けます。

貼り付けたら、すぐに公開する前にプレビューで表示を確認しましょう。編集画面では表示が崩れて見える場合でも、プレビュー画面や実際の公開ページでは正しく表示されることがあります。

クラシックエディターを使っている場合は、「ビジュアル」ではなく「テキスト」タブに切り替えてからコードを貼り付けます。ビジュアルモードに貼ると、HTMLが文字列として扱われる可能性があります。

3-4. キャプションあり・なしを選ぶ方法

Instagramの埋め込みコードを取得するときに、キャプションを含めるかどうかを選べる場合があります。キャプションありにすると、Instagram投稿本文も一緒に表示されます。キャプションなしにすると、画像や動画を中心にすっきり見せられます。

ブログ記事内で投稿の文脈も伝えたい場合は、キャプションありがおすすめです。投稿者のコメント、商品説明、イベント情報などがそのまま表示されるため、内容の補足になります。

一方、記事本文で十分に説明している場合や、デザインをすっきりさせたい場合は、キャプションなしでもよいでしょう。特にスマホ表示では、キャプションが長いとページ全体が縦に伸びやすくなります。

3-5. スマホでは埋め込みコードを取得しにくい点に注意する

Instagramのスマホアプリやスマホブラウザでは、パソコン版と同じように埋め込みコードを取得できない場合があります。そのため、WordPressにインスタ投稿を埋め込む作業は、基本的にパソコンで行うのがおすすめです。

スマホで作業する場合は、投稿URLをコピーしておき、あとからパソコンで埋め込みコードを取得するとスムーズです。

どうしてもスマホだけで完結したい場合は、WordPressアプリやスマホブラウザの編集画面でHTMLを扱う必要がありますが、操作ミスが起きやすく、表示確認もしづらいため注意しましょう。

4. プラグインを使ってWordPressにインスタフィードを連携する方法

4-1. インスタフィード表示にプラグインが向いているケース

WordPressにInstagramの最新投稿をまとめて表示したいなら、プラグインを使うのが効率的です。単体投稿の埋め込みなら公式コードで対応できますが、複数投稿を自動更新するフィード表示には手間がかかります。

プラグインが向いているのは、次のようなケースです。

・トップページに最新のInstagram投稿を表示したい
・店舗サイトに日々の投稿を自動反映したい
・サイドバーやフッターにインスタフィードを置きたい
・複数投稿をきれいなグリッドで表示したい
・投稿数、列数、余白、画像サイズを調整したい
・WordPress初心者でも簡単に設定したい

サイトの更新頻度が低くても、Instagramを頻繁に更新していれば、フィード表示によってサイトに動きが出ます。特に飲食店、美容室、サロン、アパレル、ハンドメイド、観光、イベント系サイトでは相性がよいでしょう。

4-2. おすすめプラグインの選び方

インスタ連携プラグインを選ぶときは、見た目だけでなく、安全性や更新状況も確認しましょう。

チェックすべきポイントは次の通りです。

・Instagramの最新API仕様に対応しているか
・最終更新日が古すぎないか
・WordPressの最新バージョンと互換性があるか
・利用者数や評価が十分にあるか
・無料版で必要な機能が使えるか
・スマホ表示に対応しているか
・表示速度への配慮があるか
・サポートやドキュメントが用意されているか
・ショートコードやブロックで簡単に表示できるか

Instagram連携は、API認証や外部通信が関わります。更新が止まっているプラグインを使うと、ある日突然フィードが表示されなくなる可能性があります。長期運用するなら、更新頻度の高いプラグインを選びましょう。

4-3. Smash Balloon Social Photo Feedで連携する手順

Smash Balloon Social Photo Feedは、WordPressでInstagramフィードを表示する代表的なプラグインの1つです。WordPress.orgの説明では、フィード作成、カスタマイズ、サイトへの追加を3ステップで行えるとされています。

基本的な流れは次の通りです。

  1. WordPress管理画面でプラグインを追加する

  2. 「Smash Balloon Social Photo Feed」を検索する

  3. インストールして有効化する

  4. Instagram Feedの設定画面を開く

  5. Instagramアカウントを接続する

  6. フィードを作成する

  7. レイアウトや表示件数を設定する

  8. ショートコードまたはブロックでページに表示する

無料版でも基本的なフィード表示は可能ですが、ハッシュタグフィード、詳細なレイアウト、ライトボックス、投稿フィルターなどは有料版が必要になる場合があります。

4-4. Instagramアカウントを接続する方法

プラグインを使う場合は、WordPress側からInstagramアカウントへの接続が必要です。設定画面にある「Connect」や「Add Source」などのボタンから、Instagramアカウントにログインし、必要な権限を許可します。

ここで重要なのは、接続するInstagramアカウントの種類です。近年はInstagram APIの変更により、個人アカウントでは一部の連携が制限される場合があります。うまく接続できない場合は、Instagramアカウントをプロアカウント、つまりビジネスまたはクリエイターアカウントに切り替えることも検討しましょう。

また、Facebookページとの接続が必要になるケースもあります。店舗や企業アカウントで運用している場合は、Instagram、Facebookページ、WordPressプラグインの接続状態をまとめて確認しておくと安心です。

4-5. フィードのレイアウトや表示件数を設定する方法

Instagramアカウントを接続したら、フィードの見た目を設定します。主に調整する項目は次の通りです。

・表示件数
・列数
・画像サイズ
・余白
・フィード幅
・ヘッダーの表示・非表示
・フォローボタンの表示・非表示
・「もっと見る」ボタンの表示・非表示
・スマホでの列数
・背景色やテキスト表示

トップページに表示する場合は、投稿数を多くしすぎないのがポイントです。投稿数が多いほどページが重くなりやすく、ユーザーが目的の情報にたどり着きにくくなります。

目安として、トップページなら6〜9件、サイドバーなら3〜6件、ギャラリーページなら12件前後から調整するとよいでしょう。

4-6. ショートコードやブロックでサイトに表示する方法

フィード設定が完了したら、WordPressの投稿・固定ページ・ウィジェットエリアに表示します。

多くのプラグインでは、専用ブロックまたはショートコードが用意されています。たとえば、ブロックエディターなら「Instagram Feed」などのブロックを追加し、作成済みのフィードを選択します。

ショートコードを使う場合は、プラグインが発行したコードをコピーし、表示したい場所に貼り付けます。固定ページだけでなく、サイドバー、フッター、テンプレート内に配置できる場合もあります。

表示後は、必ずパソコンとスマホの両方で確認しましょう。特にスマホでは、列数が多すぎると画像が小さくなったり、横幅がはみ出したりすることがあります。

5. WordPressにインスタが表示されない主な原因

5-1. Instagramアカウントが非公開になっている

WordPressにインスタが表示されない原因として多いのが、Instagramアカウントが非公開になっているケースです。

非公開アカウントの投稿は、ログインしてフォロー承認されたユーザー以外には見えません。そのため、WordPressに埋め込んでも一般ユーザーには表示されません。

自分のアカウントであっても、サイト訪問者から見れば第三者の環境です。必ず公開アカウントになっているか確認しましょう。

5-2. 投稿が削除・制限されている

埋め込んだInstagram投稿が削除されている場合、WordPress上でも表示できません。また、投稿者がアーカイブした、公開範囲を変更した、年齢制限や地域制限がかかったといった場合にも表示されないことがあります。

他人の投稿を埋め込んでいる場合は、投稿者側の変更によって突然表示されなくなる可能性があります。重要なページで使う場合は、自社投稿や許可を得た投稿を使う方が安全です。

5-3. 埋め込みコードの貼り付け位置が間違っている

Instagramの埋め込みコードを、WordPressの通常の段落ブロックに貼っていると、正しく表示されない場合があります。

埋め込みコードはHTMLなので、ブロックエディターでは「カスタムHTML」ブロックに貼り付けましょう。クラシックエディターでは「テキスト」モードに切り替えて貼る必要があります。

また、テーマファイルに直接貼り付ける場合は、PHPファイルの記述ミスにも注意が必要です。HTMLの途中にコードを入れる位置を間違えると、ページ全体のレイアウトが崩れることがあります。

5-4. WordPress側でHTMLが正しく反映されていない

WordPressの権限や設定によっては、HTMLやscriptタグが自動的に削除される場合があります。特に、管理者以外のユーザー権限で投稿している場合や、セキュリティ系プラグインを導入している場合は注意が必要です。

埋め込みコードを貼ったあとに、更新後のエディターを確認してコードの一部が消えていないか見てみましょう。必要なscriptタグが削除されていると、Instagram投稿が正しく読み込まれません。

5-5. プラグインの認証切れや設定ミスが起きている

プラグインでInstagramフィードを表示している場合、認証切れが原因で表示されないことがあります。InstagramやMeta側の認証トークンには期限があり、再接続が必要になることがあります。

また、接続しているアカウントを変更した、Instagramのパスワードを変更した、Facebookページとの接続を解除した、プラグイン設定を変更したといった場合にも、フィードが表示されなくなることがあります。

プラグインの設定画面にエラーメッセージが出ていないか確認しましょう。

5-6. Instagram APIの仕様変更の影響を受けている

Instagramフィード表示は、Instagram APIの仕様変更に影響されることがあります。特に古いプラグインや古い連携方式を使っている場合、API終了や認証方式変更により表示が止まることがあります。

MetaはInstagram Basic Display APIを2024年12月4日から利用できなくすると発表しており、これにより一部の古いInstagram連携ツールでは移行対応が必要になりました。

インスタが急に表示されなくなった場合は、WordPress側だけでなく、プラグインの公式情報やInstagram APIの変更情報も確認しましょう。

5-7. キャッシュやセキュリティ設定が表示を妨げている

WordPressのキャッシュプラグイン、サーバーキャッシュ、CDN、ブラウザキャッシュが原因で、古い表示が残っていることがあります。

また、セキュリティ系プラグインやWAFがInstagramの外部スクリプトをブロックしている場合もあります。外部スクリプトを遅延読み込みしている場合、Instagramの埋め込みがうまく初期化されないこともあります。

特に、ページ高速化のためにJavaScriptを遅延・結合・圧縮しているサイトでは、インスタ埋め込みとの相性を確認しましょう。

5-8. テーマや他のプラグインと競合している

WordPressテーマや他のプラグインとの競合によって、Instagramフィードが表示されないこともあります。

よくある競合例は次の通りです。

・JavaScript最適化プラグインとの競合
・キャッシュプラグインとの競合
・セキュリティプラグインによる外部通信ブロック
・テーマ側のCSSによる表示崩れ
・ページビルダーとの相性問題
・古いjQueryや独自スクリプトの影響

特定のページだけ表示されない場合は、そのページで使っているブロック、ショートコード、ページビルダーの設定も確認しましょう。

6. WordPressでインスタが表示されないときの解決策

6-1. 公開アカウント・公開投稿か確認する

まず確認すべきなのは、Instagramアカウントと投稿が公開状態になっているかどうかです。

チェックポイントは次の通りです。

・Instagramアカウントが非公開になっていないか
・埋め込んだ投稿が削除されていないか
・投稿がアーカイブされていないか
・年齢制限や地域制限がかかっていないか
・ログアウト状態のブラウザでも投稿が見られるか

確認するときは、Instagramにログインしていない別ブラウザやシークレットウィンドウで投稿URLを開くと分かりやすいです。ログアウト状態で見られない投稿は、WordPressに埋め込んでも一般ユーザーには表示されない可能性が高いです。

6-2. 埋め込みコードを再取得して貼り直す

単体投稿の埋め込みが表示されない場合は、Instagramから埋め込みコードを再取得して貼り直してみましょう。

古いコードが残っていたり、コピー時に一部が欠けていたりすると、正しく表示されません。特に、WordPressの編集時にコードの一部を消してしまった場合は、再取得が有効です。

貼り直すときは、次の点を確認します。

・コード全文をコピーしているか
・カスタムHTMLブロックに貼っているか
・余計な改行や文字を追加していないか
・プレビュー画面で確認しているか
・キャッシュ削除後に確認しているか

6-3. カスタムHTMLブロックを使って貼り付ける

Instagramの埋め込みコードは、WordPressのカスタムHTMLブロックに貼り付けるのが基本です。

ブロックエディターで段落ブロックに貼っている場合は、いったん削除して、カスタムHTMLブロックを追加し直しましょう。

また、再利用ブロックやパターン内に埋め込んでいる場合、編集時にHTMLが変化することがあります。表示が安定しない場合は、通常のカスタムHTMLブロックとして直接配置してみてください。

6-4. プラグインの再認証・再接続を行う

プラグインでインスタフィードを表示している場合は、Instagramアカウントの再認証を行いましょう。

手順はプラグインによって異なりますが、一般的には次の流れです。

  1. WordPress管理画面でInstagramフィードプラグインの設定を開く

  2. 接続済みアカウントを確認する

  3. エラーが出ている場合は再接続する

  4. InstagramまたはFacebookにログインする

  5. 必要な権限を許可する

  6. フィードを保存する

  7. 表示ページを確認する

パスワード変更、二段階認証、Facebookページの権限変更、アカウント種別の変更後は、再認証が必要になることがあります。

6-5. キャッシュを削除して表示を確認する

設定を修正しても表示が変わらない場合は、キャッシュを削除しましょう。

削除すべきキャッシュは主に次の通りです。

・WordPressキャッシュプラグインのキャッシュ
・サーバー側キャッシュ
・CDNキャッシュ
・ブラウザキャッシュ
・プラグイン内のフィードキャッシュ

Instagramフィードプラグインには、投稿データを一定時間キャッシュする機能がある場合があります。プラグイン設定内に「Clear Cache」「Reset Cache」「Refresh Feed」などの項目があれば実行してみましょう。

6-6. テーマやプラグインの競合を切り分ける

キャッシュ削除や再認証でも直らない場合は、テーマやプラグインの競合を疑います。

安全に確認するには、本番サイトではなくステージング環境で検証するのが理想です。検証環境で一時的にテーマを標準テーマに変更し、プラグインを1つずつ停止して、どの機能が原因か切り分けます。

特に確認したいのは、キャッシュ系、画像最適化系、JavaScript最適化系、セキュリティ系、ページビルダー系のプラグインです。

本番環境でいきなりプラグインを停止すると、サイト表示や問い合わせフォームに影響する可能性があるため注意しましょう。

6-7. API対応済みのプラグインへ切り替える

古いInstagramフィードプラグインを使っている場合は、最新APIに対応しているプラグインへの切り替えを検討しましょう。

特に、最終更新日が何年も前のプラグイン、サポートフォーラムに同じ不具合報告が多数あるプラグイン、認証方式が古いプラグインは注意が必要です。

切り替え時は、次の点を確認します。

・現在のInstagram API仕様に対応しているか
・プロアカウント接続に対応しているか
・更新頻度が高いか
・利用者数や評価が十分か
・無料版で必要な表示ができるか
・有料版の料金体系が明確か
・ショートコードやブロックの移行が簡単か

サイト内の複数ページで旧プラグインのショートコードを使っている場合は、切り替え前に使用箇所を洗い出しておきましょう。

6-8. それでも直らない場合の確認ポイント

上記を試してもWordPressにインスタが表示されない場合は、次の点も確認してください。

・WordPress本体が最新か
・テーマが最新か
・PHPバージョンが古すぎないか
・ブラウザの開発者ツールでJavaScriptエラーが出ていないか
・サーバーのWAFがInstagram関連通信を遮断していないか
・SSL化されていないページに埋め込んでいないか
・Cookie同意管理ツールが外部スクリプトを止めていないか
・Instagram側で一時的な障害が起きていないか

特に企業サイトやECサイトでは、セキュリティ設定が強く、外部スクリプトが制限されていることがあります。制作会社やサーバー管理者に相談する場合は、表示されないページURL、使用プラグイン名、エラー画面、試した対策をまとめて伝えるとスムーズです。

7. WordPressとインスタを連携する際の注意点

7-1. 著作権・肖像権に注意する

Instagram投稿をWordPressに表示する際は、著作権や肖像権に注意が必要です。

自分が撮影した写真や、自社で作成した画像であれば問題になりにくいですが、他人が撮影した写真、人物が写っている写真、ブランドロゴや作品が含まれる投稿などは慎重に扱いましょう。

Instagram上で公開されている投稿であっても、自由に利用してよいという意味ではありません。特に商用サイトや広告目的のページに掲載する場合は、投稿者や関係者の許可を取ることをおすすめします。

7-2. 他人の投稿を埋め込む場合は許可を確認する

他人のInstagram投稿をWordPressに埋め込む場合は、事前に許可を取るのが安全です。

たとえば、ユーザーの口コミ投稿を店舗サイトに掲載したい場合、DMやコメントで掲載許可を確認し、必要であれば掲載範囲や使用期間も明確にしておきましょう。

許可を取る際は、次のように伝えるとスムーズです。

「素敵な投稿をありがとうございます。当店の公式サイト内で、お客様の声としてInstagram投稿を埋め込み掲載させていただいてもよろしいでしょうか。」

許可を得た記録は、後から確認できるように残しておくと安心です。

7-3. サイト表示速度への影響を考慮する

Instagramの埋め込みやフィード表示は、外部スクリプトや画像を読み込むため、ページ表示速度に影響することがあります。

特に、トップページに大量のInstagram投稿を表示すると、画像読み込みが増えてページが重くなります。表示速度はSEOやユーザー体験にも関わるため、表示件数は必要最小限にしましょう。

対策としては、次の方法があります。

・表示件数を減らす
・トップページでは6〜9件程度に抑える
・画像サイズを大きくしすぎない
・遅延読み込みに対応したプラグインを使う
・不要なページにはフィードを表示しない
・キャッシュ機能を活用する

見た目を華やかにすることも大切ですが、ページが重くなりすぎないバランスが重要です。

7-4. スマホ表示で崩れていないか確認する

Instagramはスマホユーザーとの相性がよいSNSですが、WordPressに埋め込んだときのスマホ表示は必ず確認しましょう。

パソコンではきれいに見えていても、スマホでは横幅がはみ出す、画像が小さすぎる、キャプションが長すぎる、フィードの列数が多すぎるといった問題が起きることがあります。

確認すべきポイントは次の通りです。

・横スクロールが発生していないか
・画像が極端に小さくないか
・ボタンが押しにくくないか
・投稿間の余白が詰まりすぎていないか
・読み込みが遅すぎないか
・リールや動画が正しく表示されるか

スマホで見やすい表示にするには、1列または2列表示に調整するのがおすすめです。

7-5. プラグインの更新頻度と安全性を確認する

Instagram連携プラグインを使う場合は、定期的に更新状況を確認しましょう。

更新が止まっているプラグインは、WordPress本体やPHPのバージョンアップ、Instagram APIの変更に対応できず、不具合やセキュリティリスクにつながる可能性があります。

確認するポイントは次の通りです。

・最終更新日
・対応WordPressバージョン
・有効インストール数
・評価とレビュー
・サポートフォーラムの対応状況
・開発元の信頼性
・不要な権限を要求していないか

プラグインは便利ですが、入れすぎると管理が複雑になります。使っていないInstagram関連プラグインは削除し、必要なものだけを残しましょう。

7-6. Instagramの仕様変更に備えて定期的に確認する

Instagramは、API、埋め込み、認証、表示仕様が変更されることがあります。そのため、一度設定したら終わりではなく、定期的に表示確認を行うことが大切です。

最低でも月に1回程度は、実際の公開ページでインスタ投稿やフィードが表示されているか確認しましょう。特に、WordPress本体、テーマ、プラグインを更新した後は必ず確認することをおすすめします。

また、Instagram連携プラグインから通知が出ている場合は放置せず、再認証やアップデートが必要か確認しましょう。

8. WordPressとインスタ連携を活用するコツ

8-1. ブログ記事内に関連するインスタ投稿を埋め込む

ブログ記事内に関連するInstagram投稿を埋め込むと、記事の説得力が高まります。

たとえば、次のような使い方があります。

・旅行記事に現地で撮影した写真を埋め込む
・レシピ記事に完成写真の投稿を埋め込む
・イベントレポートに当日の様子を埋め込む
・商品紹介記事に使用例の投稿を埋め込む
・美容室の記事に施術例を埋め込む

文章だけでは伝わりにくい雰囲気や実例を、Instagram投稿で補足できます。記事テーマと関係の薄い投稿を入れるより、検索ユーザーの疑問解決に役立つ投稿を選ぶことが重要です。

8-2. トップページやサイドバーにフィードを表示する

Instagramを頻繁に更新している場合は、WordPressのトップページやサイドバーにフィードを表示すると効果的です。

トップページに最新投稿を表示すれば、サイトに訪れたユーザーへ「今も活動している」印象を与えられます。店舗やブランドの雰囲気も伝わりやすくなります。

サイドバーに表示する場合は、投稿数を少なめにして、フォローボタンを設置するとよいでしょう。ブログ記事を読んだユーザーをInstagramフォローにつなげやすくなります。

8-3. 実績・事例・口コミとしてインスタ投稿を活用する

Instagram投稿は、実績や口コミとしても活用できます。

たとえば、ユーザーが商品を使っている写真、来店時の投稿、イベント参加者の投稿、施術後の写真などは、第三者のリアルな声として信頼性を高める材料になります。

ただし、他人の投稿を使う場合は、必ず許可を確認しましょう。許可を得たうえで、WordPressの記事や固定ページに埋め込むことで、自然な形で口コミを紹介できます。

口コミページ、事例ページ、ランディングページなどにInstagram投稿を組み込むと、文章だけの紹介よりも具体性が出ます。

8-4. ECサイトや店舗サイトで商品・来店導線を作る

ECサイトや店舗サイトでは、Instagram連携を購入や来店導線として活用できます。

たとえば、商品ページにInstagramの着用例や使用例を表示すれば、購入後のイメージが伝わりやすくなります。飲食店なら、料理写真や店内の雰囲気を見せることで来店意欲を高められます。

活用例は次の通りです。

・商品ページに着用例を埋め込む
・トップページに最新コーディネートを表示する
・店舗紹介ページに店内写真を表示する
・キャンペーンページに関連投稿を表示する
・予約ページ付近に口コミ投稿を表示する

重要なのは、Instagramをただ表示するだけでなく、購入ボタン、予約ボタン、問い合わせボタンなどの近くに配置することです。ユーザーが興味を持った流れで行動しやすくなります。

8-5. WordPress記事からInstagramへのフォロー導線を設置する

WordPressにインスタを埋め込む目的の1つは、Instagramアカウントへのフォローを増やすことです。

そのためには、投稿やフィードを表示するだけでなく、「Instagramでも最新情報を発信しています」「フォローはこちら」などの文言を添えると効果的です。

フィードの下にフォローボタンを設置したり、記事末尾にInstagramアカウントへのリンクを置いたりしましょう。プロフィール埋め込みを使って、アカウントの存在を分かりやすく見せるのもおすすめです。

ただし、すべての記事に大きなInstagramフィードを入れると、ページが重くなったり、読者の邪魔になったりします。関連性の高い記事や、集客につながりやすいページを中心に設置しましょう。

9. WordPressとインスタ連携に関するよくある質問

9-1. WordPressにインスタを埋め込むのは無料でできる？

はい、無料でできます。

特定のInstagram投稿を1つだけ埋め込みたい場合は、Instagram公式の埋め込みコードを使えば、基本的に無料でWordPressに表示できます。WordPress側でも、カスタムHTMLブロックを使えば追加費用はかかりません。

また、Instagramフィード表示プラグインにも無料版が用意されているものがあります。ただし、表示レイアウトの細かい調整、ハッシュタグフィード、複数アカウント連携、高度なデザイン機能などは有料版が必要になる場合があります。

9-2. プラグインなしでもインスタフィードは表示できる？

プラグインなしでできるのは、基本的に投稿単体の埋め込みです。複数投稿を自動で取得して一覧表示する「フィード表示」をプラグインなしで実装するには、API連携やJavaScriptの知識が必要になります。

そのため、WordPress初心者や店舗・企業サイトの運営者であれば、インスタフィード表示にはプラグインや外部ツールを使う方が現実的です。

単体投稿だけならプラグインなし、最新投稿一覧を自動表示したいならプラグインあり、と考えるとよいでしょう。

9-3. 個人アカウントでも連携できる？

単体投稿の埋め込みであれば、公開されている投稿なら表示できる場合があります。

ただし、プラグインでInstagramフィードを自動表示する場合は、アカウント種別に注意が必要です。Instagram APIの仕様変更により、個人アカウントでは連携できない、または機能が制限されるケースがあります。

うまく連携できない場合は、Instagramアカウントをビジネスアカウントまたはクリエイターアカウントに切り替えることを検討しましょう。店舗、企業、メディア、クリエイターがWordPressと連携するなら、プロアカウントの方が運用しやすいです。

9-4. インスタのリールやストーリーズも埋め込める？

リールは、公開されている投稿であれば埋め込みできる場合があります。Instagram公式ヘルプでも、公開アカウントのリールやプロフィールなどをブログやWebサイトに埋め込めると案内されています。

一方、ストーリーズは24時間で消える性質があり、通常の投稿のように安定してWordPressへ埋め込む用途には向いていません。外部ツールやAPI対応サービスで表示できる場合もありますが、仕様変更や権限の影響を受けやすいため、長期的に見せたい内容は通常投稿やリールとして投稿し、それをWordPressに埋め込む方が安定します。

9-5. 埋め込みが急に表示されなくなった場合はどうする？

まず、次の順番で確認しましょう。

  1. Instagram投稿が削除・非公開になっていないか確認する

  2. WordPressのキャッシュを削除する

  3. 埋め込みコードを再取得して貼り直す

  4. プラグインを使っている場合は再認証する

  5. WordPress本体・テーマ・プラグインを更新する

  6. セキュリティ設定やJavaScriptエラーを確認する

  7. Instagram APIやプラグイン側の障害情報を確認する

急に表示されなくなった場合、WordPress側の設定だけでなく、Instagram側の仕様変更やプラグインの認証切れが原因のこともあります。特に複数ページで一斉に表示されなくなった場合は、個別投稿の問題ではなく、プラグインやAPI連携の問題を疑いましょう。

9-6. WordPressからInstagramへ自動投稿できる？

WordPressからInstagramへ自動投稿することは可能ですが、通常の埋め込みやフィード表示とは別の仕組みです。

Instagramへの自動投稿には、対応プラグインや外部SNS管理ツール、MetaのInstagram Content Publishing APIなどを使います。Metaの公式ドキュメントでは、Instagramプラットフォームのコンテンツ公開機能により、単一画像、動画、リール、カルーセル投稿などの公開手順が案内されています。

ただし、自動投稿はアカウント種別、権限、API制限、プラグインの仕様に左右されます。個人アカウントでは使えない機能もあるため、WordPress記事をInstagramへ自動投稿したい場合は、ビジネスアカウントや対応プラグインの要件を事前に確認しましょう。

まとめ

WordPressにインスタを連携・埋め込みする方法は、目的によって選び方が変わります。特定のInstagram投稿を記事内に表示したいだけなら、Instagram公式の埋め込みコードを取得し、WordPressのカスタムHTMLブロックに貼り付ける方法が簡単です。

一方、Instagramの最新投稿を複数表示したい、トップページやサイドバーにフィードを出したい、デザインを調整したい場合は、インスタフィード対応プラグインを使うのが効率的です。

ただし、WordPressとInstagramの連携では、非公開アカウント、削除済み投稿、コードの貼り付けミス、プラグインの認証切れ、キャッシュ、テーマやプラグインの競合、Instagram APIの仕様変更などが原因で表示されないことがあります。

インスタが表示されないときは、公開状態の確認、埋め込みコードの再取得、カスタムHTMLブロックへの貼り直し、プラグインの再認証、キャッシュ削除、競合チェックの順に確認しましょう。

WordPressとインスタをうまく連携すれば、サイトに写真や動画の魅力を加えられ、フォロー促進、口コミ紹介、商品訴求、来店導線づくりにも役立ちます。表示速度や著作権に注意しながら、サイトの目的に合った方法で活用していきましょう。