WordPressにインスタを埋め込みできない原因と解決方法｜表示されない投稿・フィードを初心者向けに解説
はじめに
「ワードプレス インスタ 埋め込み」で調べている方の多くは、Instagramの投稿URLをWordPressに貼ったのに表示されない、インスタフィードが急に消えた、プラグインで連携したのに画像が出ない、といった悩みを抱えているはずです。
WordPressにインスタを埋め込む方法は、大きく分けて「1つのInstagram投稿を記事内に表示する方法」と「複数の投稿を一覧でフィード表示する方法」の2種類があります。この2つは見た目が似ていても仕組みが違うため、原因の切り分けを間違えると、何度貼り直しても解決しません。
特にInstagramとWordPressの埋め込みは、過去にoEmbedの仕様変更があり、以前のようにURLを貼るだけでは安定して表示できないケースがあります。WordPress公式でも、FacebookとInstagramのoEmbed仕様変更により、Instagram埋め込みブロックが以前と同じようには動作しないことが案内されています。
この記事では、WordPressにインスタを埋め込みできない原因と解決方法を、初心者にもわかりやすく解説します。投稿単体の埋め込み、インスタフィードの表示、プラグイン利用時の注意点、表示速度や著作権のポイントまで順番に確認していきましょう。
1. WordPressにインスタを埋め込みできないときに最初に確認すること
WordPressにインスタを埋め込みできないときは、すぐにプラグインを追加したり、テーマを変更したりする前に、まず「何を埋め込みたいのか」を整理することが大切です。
Instagramの1投稿だけを記事に載せたいのか、アカウントの最新投稿を一覧で表示したいのかによって、必要な手順も確認すべき設定も変わります。
1-1. 「投稿単体」と「フィード表示」で原因と解決方法は異なる
Instagramの「投稿単体の埋め込み」とは、特定の写真投稿、動画投稿、リールなどを1つだけWordPressの記事や固定ページに表示する方法です。たとえば、イベント告知の投稿をブログ記事内に紹介したい場合や、お客様の投稿を許可を得て掲載したい場合に使います。
一方で「フィード表示」は、Instagramアカウントの複数投稿を一覧で表示する方法です。店舗サイトのトップページに最新投稿を並べたり、ギャラリーのようにInstagramの投稿を自動更新したりする場合はこちらに該当します。
投稿単体であれば、Instagram公式の埋め込みコードを使うのが基本です。フィード表示では、API連携やInstagramフィード用プラグイン、外部埋め込みツールが必要になることが多く、単純に投稿URLを貼るだけでは実現できません。Instagramの投稿単体とフィード表示は、目的も仕組みも違うため、最初にここを分けて考えましょう。
1-2. URLを貼っただけで表示されないのはWordPressの仕様変更が関係することがある
以前は、WordPressの記事編集画面にInstagramのURLを貼るだけで、自動的に投稿が埋め込み表示されることがありました。しかし、FacebookとInstagramのoEmbedエンドポイントに認証が必要になったことで、WordPressコア側でも従来のInstagram oEmbed対応が変更されました。
そのため、古い解説記事のように「URLを貼るだけでOK」と思って作業すると、URLだけが表示されたり、「このコンテンツを埋め込めません」と表示されたりする場合があります。
現在は、1投稿だけを埋め込むならInstagram公式の埋め込みコードを取得して、WordPressのカスタムHTMLブロックに貼り付ける方法が安定しやすいです。複数投稿をフィード表示したい場合は、対応したプラグインや外部ツールを使うほうが現実的です。
1-3. まず確認したい症状別チェックリスト
WordPressにインスタを埋め込みできない場合は、まず次の症状を確認してください。
投稿URLだけが文字として表示される場合は、WordPressの自動埋め込みが機能していない可能性があります。Instagram公式の埋め込みコードを取得し、カスタムHTMLブロックに貼り直しましょう。
白い余白だけが表示される場合は、Instagramの読み込みスクリプトがブロックされている、テーマやプラグインが干渉している、キャッシュが古い、ブラウザ拡張機能で表示が止められている可能性があります。
「この投稿は利用できません」と表示される場合は、投稿が削除された、非公開になった、アーカイブされた、年齢制限や地域制限がある、または投稿者が埋め込みを許可していない可能性があります。Instagram公式ヘルプでも、公開アカウントの投稿・リール・ガイド・プロフィールは埋め込みコードで共有できる一方、公開アカウント側で埋め込みをオフにできることが案内されています。
フィードが更新されない場合は、プラグインの認証切れ、アクセストークン切れ、取得間隔の設定、キャッシュ、API制限などを確認する必要があります。
1-4. 初心者は「公式埋め込みコード」か「プラグイン」から試すのがおすすめ
初心者がWordPressにインスタを埋め込むなら、最初から複雑なAPI設定を行う必要はありません。
1投稿だけを表示したい場合は、Instagram公式の埋め込みコードを使う方法がおすすめです。WordPressの編集画面では「カスタムHTML」ブロックを使えば、HTMLコードをそのまま貼り付けられます。
複数投稿を一覧表示したい場合は、Instagramフィード対応プラグインを使うのが簡単です。多くのプラグインでは、Instagramアカウントと連携し、ショートコードやブロックを固定ページやトップページに設置して表示します。
「投稿単体なら公式コード」「一覧表示ならプラグイン」と考えると、最初の判断で迷いにくくなります。
2. WordPressにインスタの投稿単体を埋め込む基本手順
Instagramの投稿単体をWordPressに埋め込む場合は、Instagram側で埋め込みコードを取得し、WordPress側のカスタムHTMLブロックに貼り付ける流れが基本です。
2-1. Instagram投稿から埋め込みコードをコピーする方法
まず、ブラウザでInstagramを開き、埋め込みたい投稿を表示します。スマホアプリではなく、パソコンのブラウザから操作するほうがスムーズです。大学のWordPress向け手順でも、Instagramの埋め込みコード取得はパソコンで行う方法が案内されています。
投稿を開いたら、右上または投稿周辺にある「…」メニューをクリックします。メニューの中に「埋め込み」または「Embed」が表示されるので選択し、「埋め込みコードをコピー」をクリックします。
このとき、埋め込みメニューが表示されない場合は、投稿が非公開、投稿者が埋め込みを許可していない、ログイン状態やブラウザ環境に問題がある、といった可能性があります。
2-2. WordPressのカスタムHTMLブロックに貼り付ける方法
WordPressの管理画面にログインし、インスタを表示したい投稿または固定ページを開きます。ブロックエディターを使っている場合は、表示したい位置で「＋」ボタンをクリックし、「カスタムHTML」ブロックを追加します。
そこに、Instagramからコピーした埋め込みコードをそのまま貼り付けます。通常の「段落」ブロックに貼ると、コードが文字列として扱われたり、不要な変換が入ったりすることがあります。Instagram公式の埋め込みコードを使う場合は、必ずカスタムHTMLブロックに貼るのが基本です。
貼り付けたら「プレビュー」で表示を確認し、問題なければ「公開」または「更新」をクリックします。
2-3. キャプションあり・なしを切り替える方法
Instagramの埋め込みコードを取得するときに、キャプションを含めるかどうかを選べる場合があります。キャプションありにすると、投稿画像だけでなく本文や投稿者情報も表示されます。投稿の文脈を伝えたい場合や、引用元を明確にしたい場合はキャプションありがおすすめです。
一方、ページのデザインをすっきり見せたい場合や、画像・動画だけを見せたい場合はキャプションなしを選ぶとよいでしょう。ただし、キャプションを非表示にしても、投稿元の権利や出典への配慮は必要です。
2-4. 固定ページ・投稿ページ・ウィジェットに埋め込む場合の違い
WordPressでは、Instagramの埋め込み先によって操作が少し異なります。
投稿ページに埋め込む場合は、ブログ記事の本文中にカスタムHTMLブロックを追加します。レビュー記事、イベントレポート、商品紹介記事などで使いやすい方法です。
固定ページに埋め込む場合も、基本は同じです。店舗案内ページ、実績ページ、キャンペーンページなどにInstagram投稿を載せると、視覚的に内容を伝えやすくなります。
ウィジェットやサイドバーに埋め込む場合は、利用中のテーマによって操作が異なります。ブロックウィジェットに対応しているテーマであれば、ウィジェットエリアにカスタムHTMLブロックを追加してコードを貼ります。クラシックウィジェットの場合は「カスタムHTML」ウィジェットを使うのが一般的です。
2-5. スマホ表示やプレビューで確認すべきポイント
Instagramの埋め込みは、パソコンではきれいに表示されても、スマホでは横幅がはみ出したり、余白が大きくなったりすることがあります。WordPress公式ドキュメントでも、埋め込みブロックには小さい画面でのリサイズに関する設定があることが説明されています。
公開前には、WordPressのプレビューだけでなく、実際のスマホでも確認しましょう。特にチェックしたいのは、画像が横にはみ出していないか、余白が不自然に大きくないか、読み込みに時間がかかりすぎないか、複数の埋め込みが縦に続いて読みにくくなっていないか、という点です。
3. インスタ投稿がWordPressで表示されない主な原因
ここからは、Instagram投稿がWordPressで表示されない主な原因を具体的に見ていきます。
3-1. 埋め込みたい投稿やアカウントが非公開になっている
Instagramの投稿をWordPressに埋め込むには、基本的にその投稿が公開状態である必要があります。WordPress公式ドキュメントでも、Instagram埋め込みは公開投稿のみ対応することが説明されています。
投稿者のアカウントが非公開になっている場合、WordPress側にコードを貼っても外部サイトでは表示できません。自分のアカウントでログインしているInstagram上では見えていても、一般公開ページでは見えないことがあります。
まずは、別ブラウザやシークレットモードでInstagram投稿のURLを開き、ログインしていない状態でも表示されるか確認しましょう。
3-2. 投稿が削除・アーカイブ・年齢制限されている
埋め込み元の投稿が削除されたり、アーカイブされたりすると、WordPress側の埋め込みも表示されなくなります。埋め込みは画像をWordPressに保存しているわけではなく、Instagram上の投稿を読み込んで表示しているためです。
また、投稿の内容によっては年齢制限、地域制限、閲覧制限がかかる場合があります。このような投稿は、Instagram上では特定のユーザーに表示されても、WordPressの公開ページでは正しく表示されないことがあります。
3-3. Instagramの埋め込みコードを正しく貼れていない
Instagramの埋め込みコードは、途中で欠けたり、余計な文字が混ざったりすると正しく動作しません。コピー時にコードの一部だけを選択してしまった場合や、貼り付け後にWordPress側で自動整形されてしまった場合は、白い余白だけが出ることもあります。
特にクラシックエディターを使っている場合、「ビジュアル」タブに貼るとコードが崩れることがあります。HTMLコードを貼るときは「テキスト」タブ、ブロックエディターなら「カスタムHTML」ブロックを使いましょう。
3-4. WordPressのブロック選択や貼り付け場所を間違えている
WordPressの段落ブロック、HTMLではないテキスト入力欄、ページビルダーの通常テキスト欄などに埋め込みコードを貼ると、コードが実行されず、そのまま文字として表示される場合があります。
ブロックエディターなら「カスタムHTML」、ウィジェットなら「カスタムHTML」ウィジェット、ページビルダーならHTML用のウィジェットやコード用ブロックを使いましょう。
3-5. キャッシュが残っていて変更が反映されていない
WordPressにインスタ埋め込みコードを貼り直しても表示が変わらない場合、キャッシュが原因かもしれません。
キャッシュ系プラグイン、サーバーキャッシュ、CDN、ブラウザキャッシュが古いHTMLや古いoEmbed情報を保持していると、修正後の状態がすぐに反映されません。WordPressのoEmbedはデータベースにキャッシュされることがあり、過去の埋め込みが残る場合もあります。
3-6. テーマやプラグインがInstagramの表示を妨げている
WordPressテーマやプラグインが、Instagramの読み込みに必要なスクリプトをブロックしている場合があります。
特に、表示速度改善プラグイン、JavaScript最適化プラグイン、セキュリティプラグイン、広告ブロック系の設定、遅延読み込み機能などは、Instagramの埋め込みと干渉することがあります。トラブルシューティングでは、プラグインを一時停止したり、標準テーマに切り替えたりして原因を切り分ける方法が推奨されます。
3-7. ブラウザの広告ブロック・トラッキング防止機能で表示されない
WordPress側に問題がなくても、ブラウザの拡張機能やプライバシー設定によってInstagram埋め込みが表示されないことがあります。
広告ブロック、トラッキング防止、SNSウィジェット非表示機能などが有効になっていると、Instagramの外部スクリプトが読み込まれず、空白のままになることがあります。自分の環境だけで表示されないのか、他のユーザーにも表示されないのかを確認するために、別ブラウザやシークレットモード、スマホ回線でも確認しましょう。
3-8. SSL化や混在コンテンツの問題で読み込みに失敗している
WordPressサイトがHTTPS化されていない、または一部のリソースがHTTPのまま読み込まれている場合、ブラウザが外部コンテンツの読み込みを制限することがあります。
Instagram埋め込み自体はHTTPSで読み込まれることが多いですが、テーマやプラグイン、古いカスタムコードにHTTPリンクが残っていると、混在コンテンツの警告が出ることがあります。ブラウザの開発者ツールでエラーを確認すると、読み込みがブロックされている原因を見つけやすくなります。
4. WordPressのインスタ埋め込みができないときの解決方法
原因を確認したら、次は具体的な解決方法を順番に試していきましょう。大切なのは、複数の対策を一度に行わず、1つずつ確認することです。
4-1. Instagram公式の埋め込みコードを再取得する
まずは、Instagram公式の埋め込みコードを再取得しましょう。古いコードを使っていたり、コピーが不完全だったりすると、正しく表示されないことがあります。
対象の投稿をInstagramのブラウザ版で開き、「…」メニューから「埋め込み」を選択します。コードをコピーしたら、WordPress側の古いコードを削除し、新しいコードに置き換えます。
投稿者が埋め込みを無効にしている場合や、投稿が公開されていない場合は、埋め込みコード自体が取得できないことがあります。
4-2. カスタムHTMLブロックに貼り直す
WordPressのブロックエディターでは、Instagram埋め込みコードを「カスタムHTML」ブロックに貼り直します。
段落ブロックに貼っていた場合は、いったん削除して、カスタムHTMLブロックを新しく追加してください。貼り付け後は、編集画面上のプレビューだけでなく、公開ページでも確認します。管理画面では見えていても、公開ページではキャッシュやスクリプト制限の影響で表示されないことがあります。
4-3. WordPress・テーマ・プラグインを最新状態に更新する
WordPress本体、テーマ、プラグインが古い場合、Instagram埋め込みや外部スクリプトの処理に不具合が出ることがあります。
更新前には必ずバックアップを取りましょう。そのうえで、WordPress本体、利用中のテーマ、Instagram関連プラグイン、キャッシュ系プラグイン、ページビルダーなどを順番に更新します。
特にInstagramフィードプラグインは、Meta側のAPI変更や認証仕様の影響を受けやすいため、長期間更新されていないプラグインは注意が必要です。
4-4. キャッシュ系プラグインとブラウザキャッシュを削除する
コードを貼り直しても変化がない場合は、キャッシュを削除します。
WordPressのキャッシュ系プラグインを使っている場合は、管理画面からページキャッシュを削除します。サーバー側にキャッシュ機能がある場合は、サーバーパネルから削除します。CDNを利用している場合は、CDN側のキャッシュも削除してください。
最後に、ブラウザキャッシュを削除するか、シークレットモードで表示を確認します。キャッシュが原因なら、削除後に正しく表示されることがあります。
4-5. 他のプラグインを一時停止して干渉を確認する
Instagram埋め込みが表示されない原因がプラグイン干渉である場合、プラグインを一時停止して確認します。
まずは、JavaScript最適化、遅延読み込み、セキュリティ、広告管理、SNS連携、ページビルダー関連のプラグインから確認すると効率的です。すべてのプラグインを一気に止めるのではなく、1つずつ停止して表示を確認すると、原因となっているプラグインを特定しやすくなります。
本番サイトで作業するのが不安な場合は、ステージング環境やテストページで確認しましょう。
4-6. テーマを一時的に切り替えて表示確認する
プラグインを停止しても解決しない場合は、テーマ側の問題も疑います。
一時的にWordPressの標準テーマに切り替え、Instagram埋め込みが表示されるか確認します。標準テーマで表示されるなら、現在使っているテーマのテンプレート、CSS、JavaScript、独自機能が影響している可能性があります。
テーマを切り替えるとサイトの見た目が変わるため、本番サイトでは慎重に行いましょう。可能であればテスト環境で確認するのがおすすめです。
4-7. 別ブラウザ・シークレットモード・スマホで確認する
自分のブラウザだけで表示されない場合、ブラウザ拡張機能やキャッシュが原因の可能性があります。
Google Chromeで表示されない場合はSafariやFirefoxで確認します。通常モードで表示されない場合は、シークレットモードで確認します。パソコンで表示されない場合は、スマホのモバイル回線でも確認します。
複数の環境で同じように表示されないならWordPress側の問題、特定の環境だけで表示されないならブラウザや端末側の問題と判断しやすくなります。
4-8. セキュリティ設定やWAFがコード保存を妨げていないか確認する
サーバーのWAFやセキュリティプラグインが、Instagramの埋め込みコードを不審なスクリプトとして扱い、保存をブロックする場合があります。
更新ボタンを押したときに403エラーが出る、コードを貼っても保存後に消える、管理画面でエラーが出る場合は、WAFやセキュリティ設定を確認しましょう。
一時的にWAFをオフにして保存できるか確認し、保存後に再度オンに戻す方法もあります。ただし、セキュリティを下げたまま放置しないように注意してください。
5. インスタのフィードをWordPressに埋め込みできない原因と対処法
Instagramの「フィード」をWordPressに表示したい場合は、投稿単体の埋め込みとは別の考え方が必要です。
5-1. 投稿単体の埋め込みとフィード埋め込みの違い
投稿単体の埋め込みは、1つのInstagram投稿をページ内に表示する方法です。手動でコードを取得し、WordPressに貼り付けます。
フィード埋め込みは、Instagramアカウントの複数投稿をまとめて表示する方法です。最新投稿を自動で反映したり、グリッド表示にしたり、表示件数やレイアウトを調整したりすることが目的です。
Instagramは外部サイトにライブフィードを標準機能としてそのまま提供しているわけではないため、フィード表示には専用プラグインや外部ツールを使うことが一般的です。
5-2. フィード表示にはAPI連携や外部ツールが必要になることが多い
InstagramフィードをWordPressに表示するには、Instagramアカウントとの連携が必要になることが多いです。多くのプラグインでは、Instagramにログインして連携を許可し、アクセストークンを使って投稿情報を取得します。
MetaのInstagram oEmbedやInstagram関連APIは、外部サイトやアプリがInstagramコンテンツを表示するための仕組みですが、利用には認証や権限が関係します。
そのため、フィード表示ができない場合は、単にHTMLコードの貼り付けミスではなく、アカウント連携、API権限、プラグイン設定、トークン期限などを確認する必要があります。
5-3. Instagramアカウントの連携切れを確認する
フィードが急に表示されなくなった場合、まず確認したいのがInstagramアカウントの連携切れです。
プラグインの設定画面を開き、Instagramアカウントが接続済みになっているか確認します。「再接続」「Reconnect」「認証が必要」といった表示がある場合は、再ログインして連携し直してください。
Instagram側でパスワードを変更した、二段階認証を設定した、アカウント種別を変更した、Facebookページとの連携を変更した場合などに、再認証が必要になることがあります。
5-4. 個人アカウントとプロアカウントの違いを確認する
Instagramフィードプラグインによっては、個人アカウントでは使える機能が制限され、ビジネスアカウントやクリエイターアカウントへの切り替えが必要になる場合があります。
たとえば、ハッシュタグフィード、メンション表示、詳細なインサイト連携、複数アカウント管理などは、プロアカウントやFacebookページとの連携が関係することがあります。
フィード表示ができない場合は、プラグインの説明で対応アカウント種別を確認しましょう。店舗サイトや企業サイトでInstagramを本格的に表示するなら、プロアカウントへの切り替えを検討してもよいでしょう。
5-5. プラグインの認証エラーやアクセストークン切れを再接続する
Instagramフィードプラグインでは、アクセストークンが切れると投稿を取得できなくなります。画面上では何も表示されない、古い投稿のまま更新されない、エラー文だけが出る、といった症状が起こります。
プラグインの管理画面で、接続中のInstagramアカウントをいったん解除し、再接続してください。認証エラーが表示されている場合は、エラーメッセージを確認し、必要に応じてプラグインを最新版に更新します。
5-6. フィードが更新されないときのキャッシュ・取得間隔を確認する
フィードが表示されているのに最新投稿が反映されない場合は、キャッシュや取得間隔の設定を確認します。
多くのInstagramフィードプラグインでは、表示速度やAPI制限を考慮して、一定時間ごとに投稿を取得する仕組みになっています。そのため、Instagramに投稿してすぐにWordPress側へ反映されるとは限りません。
プラグイン設定で「更新間隔」「キャッシュ時間」「手動更新」「フィード再取得」などの項目を確認しましょう。WordPressキャッシュ、サーバーキャッシュ、CDNキャッシュもあわせて削除すると改善することがあります。
5-7. 表示件数・レイアウト・画像サイズの設定を見直す
フィードが途中までしか表示されない、画像が崩れる、スマホで見切れる場合は、表示件数やレイアウト設定を見直します。
最初は表示件数を少なめにし、画像サイズも標準設定にして確認しましょう。グリッドの列数が多すぎると、スマホで画像が小さくなったり、横幅がはみ出したりすることがあります。
トップページに表示するなら6件程度、フッターやサイドバーなら3件程度から始めると、表示速度と見た目のバランスを取りやすくなります。
6. WordPressにインスタを埋め込むおすすめの方法
WordPressにインスタを埋め込む方法は、目的によって選ぶのが一番です。すべてのケースでプラグインが必要なわけではありませんし、すべてのケースで公式コードだけで足りるわけでもありません。
6-1. 1投稿だけ表示したい場合は公式埋め込みコードを使う
ブログ記事や固定ページに1つのInstagram投稿だけを載せたい場合は、Instagram公式の埋め込みコードを使うのがおすすめです。
プラグインを追加する必要がなく、WordPressのカスタムHTMLブロックに貼るだけで表示できます。特定の投稿を紹介したい、イベントの告知投稿を載せたい、お客様の投稿を引用したい、といった用途に向いています。
ただし、元投稿が削除されたり非公開になったりすると表示されなくなるため、重要な情報をInstagram投稿だけに依存しないようにしましょう。
6-2. 複数投稿を一覧表示したい場合はInstagramフィードプラグインを使う
トップページや店舗サイトにInstagramの最新投稿を一覧表示したい場合は、Instagramフィードプラグインが便利です。
プラグインを使えば、複数投稿をグリッド表示したり、表示件数を調整したり、スマホ向けのレイアウトに整えたりできます。ショートコードや専用ブロックを使って、固定ページ、トップページ、ウィジェットエリアに設置できるものもあります。
ただし、プラグインを使う場合は、Instagramとの再認証や更新管理が必要です。導入して終わりではなく、定期的に表示確認を行いましょう。
6-3. デザイン性を重視する場合は外部埋め込みツールを使う
ブランドサイト、ポートフォリオ、ECサイトなどで見た目にこだわりたい場合は、外部埋め込みツールも選択肢になります。
外部ツールでは、スライダー表示、ギャラリー表示、モーダル表示、ハッシュタグ表示など、デザイン性の高いフィードを作れる場合があります。WordPress側には専用コードを貼るだけで表示できることもあり、テーマに左右されにくい点がメリットです。
一方で、無料プランではロゴが表示されたり、表示件数に制限があったり、読み込み速度に影響したりすることがあります。商用サイトで使う場合は、料金、表示速度、サポート、データ取得方式を確認して選びましょう。
6-4. 表示速度を重視する場合は埋め込み数を絞る
Instagramの埋め込みは外部スクリプトや画像を読み込むため、数が多いとページ表示速度に影響します。
ブログ記事内にInstagram投稿を何件も連続で埋め込むと、読み込みが遅くなり、ユーザーが離脱しやすくなる場合があります。SEOの観点でも、ページ表示速度やユーザー体験は意識したいポイントです。
表示速度を重視するなら、記事内の埋め込みは必要最小限にし、フィード表示も件数を絞りましょう。トップページに大量のInstagram投稿を表示するより、「最新6件」などに限定したほうが、見た目と速度のバランスを取りやすくなります。
6-5. 初心者向けの選び方｜投稿単体・フィード・店舗サイト別に解説
初心者は、次のように選ぶと失敗しにくいです。
ブログ記事に1つだけInstagram投稿を載せたいなら、公式埋め込みコードを使います。プラグイン不要で、もっともシンプルです。
トップページに最新投稿を並べたいなら、Instagramフィードプラグインを使います。表示件数やレイアウトを管理画面から調整できるため、更新運用が楽になります。
美容室、カフェ、サロン、アパレルなどの店舗サイトなら、フィードプラグインか外部埋め込みツールがおすすめです。Instagramの投稿が集客導線になるため、トップページやメニュー紹介ページに自然に配置すると効果的です。
7. インスタ埋め込み用プラグインを使うときの注意点
Instagramフィードプラグインは便利ですが、導入すれば必ず安定するわけではありません。プラグインならではの注意点も理解しておきましょう。
7-1. 無料版と有料版でできることの違い
Instagramフィードプラグインには無料版と有料版があります。無料版では、基本的なフィード表示のみ対応していることが多く、表示レイアウト、ハッシュタグフィード、複数アカウント、フィルタリング、ポップアップ表示などは有料版限定の場合があります。
導入前に、自分がやりたいことが無料版でできるのか確認しましょう。「無料でインスタフィードを表示できる」と思って入れても、必要な機能が有料版にしかないことがあります。
7-2. Instagramとの再認証が必要になるケース
Instagramフィードプラグインでは、Instagramアカウントとの再認証が必要になることがあります。
パスワード変更、アカウント種別の変更、Facebookページとの連携変更、プラグイン更新、API仕様変更、長期間の未使用などがきっかけで、連携が切れる場合があります。
再認証が必要になると、フィードが消えたり、更新されなくなったりします。管理画面に通知が出ていないか定期的に確認しましょう。
7-3. プラグインを入れすぎると表示速度が遅くなる
Instagramフィードプラグインに限らず、WordPressはプラグインを入れすぎると表示速度や管理のしやすさに影響します。
特にSNS連携、画像表示、スライダー、ページビルダー、キャッシュ、セキュリティなどのプラグインが多いサイトでは、JavaScriptやCSSが増え、表示崩れや読み込み遅延が起こりやすくなります。
使っていないプラグインは停止ではなく削除し、必要な機能だけを残すようにしましょう。
7-4. テーマとの相性やショートコードの貼り付け場所を確認する
Instagramフィードプラグインでは、ショートコードや専用ブロックを使ってフィードを表示することがよくあります。
ショートコードを貼る場所を間違えると、コードがそのまま文字として表示されたり、レイアウトが崩れたりします。ブロックエディターなら「ショートコード」ブロック、クラシックエディターなら本文内、ウィジェットならショートコード対応エリアに貼ります。
テーマによっては、トップページの独自ウィジェットやテンプレートでショートコードが実行されない場合もあります。その場合は、テーマの設定やプラグインのブロック機能を確認しましょう。
7-5. プラグイン削除後に表示が崩れないように注意する
Instagramフィードプラグインを削除すると、フィード表示に使っていたショートコードやブロックが機能しなくなります。
ページ内にショートコードだけが残ったり、空白エリアができたりすることがあるため、削除前にどのページで使っているか確認しましょう。特にトップページ、フッター、サイドバー、固定ページ、LP内に設置している場合は見落としやすいです。
プラグインを変更する場合は、旧プラグインの表示を削除してから、新しいプラグインのコードを設置すると安全です。
8. インスタ埋め込みでよくあるエラー別の対処法
ここでは、WordPressのインスタ埋め込みでよくあるエラーを症状別に整理します。
8-1. URLだけが表示されて投稿に変換されない
InstagramのURLを貼っただけで、投稿カードに変換されずURL文字列だけが表示される場合は、自動埋め込みが機能していない可能性があります。
この場合は、URL貼り付けではなく、Instagram公式の埋め込みコードを取得してカスタムHTMLブロックに貼り付けましょう。WordPressのInstagramブロックや自動埋め込みに頼るより、公式コードを直接貼るほうが安定するケースがあります。
8-2. 白い余白だけが表示される
白い余白だけが表示される場合は、Instagramのスクリプトが読み込まれていない可能性があります。
キャッシュを削除し、別ブラウザで確認します。それでも改善しない場合は、JavaScript最適化プラグイン、遅延読み込み機能、セキュリティプラグインを一時的に停止して確認しましょう。
また、ブラウザの広告ブロック機能がSNS埋め込みを止めていることもあります。シークレットモードや別端末で確認すると、原因を切り分けやすくなります。
8-3. 「この投稿は利用できません」と表示される
「この投稿は利用できません」と表示される場合は、投稿が削除された、非公開になった、アーカイブされた、閲覧制限がある、埋め込みが無効になっている可能性があります。
まず、Instagramの投稿URLを直接開いて、ログインしていない状態でも見られるか確認します。見られない場合は、WordPress側で修正しても表示できません。
自分の投稿であれば公開設定を確認し、他人の投稿であれば投稿者に掲載可否や埋め込み設定を確認しましょう。
8-4. フィードが途中までしか表示されない
Instagramフィードが途中までしか表示されない場合は、表示件数、レイアウト、読み込み設定、API取得制限、キャッシュを確認します。
まずは表示件数を減らし、レイアウトをシンプルなグリッドに変更します。次に、プラグインのキャッシュを削除し、フィードを再取得します。
無限スクロールやスライダー表示を使っている場合は、テーマや他のJavaScriptと干渉することがあります。一度シンプルな一覧表示に戻して確認しましょう。
8-5. スマホだけ表示が崩れる
スマホだけ表示が崩れる場合は、横幅、列数、画像サイズ、余白設定を見直します。
Instagram投稿単体の埋め込みでは、親要素の幅が狭すぎると不自然な余白が出ることがあります。フィード表示では、スマホ時の列数を1列または2列に設定すると改善しやすいです。
WordPressのプレビューだけでなく、実機のスマホで確認しましょう。ブラウザ幅を縮めただけでは、実際のスマホ表示と異なる場合があります。
8-6. 管理画面では見えるのに公開ページでは表示されない
管理画面のプレビューでは見えるのに公開ページで表示されない場合は、キャッシュ、テーマテンプレート、公開ページ側のJavaScript最適化、ログインユーザーと一般ユーザーの表示差を確認します。
ログイン中だけ表示される場合は、キャッシュプラグインがログインユーザーと一般ユーザーに別のページを見せている可能性があります。ログアウト状態、シークレットモード、別端末で確認しましょう。
8-7. 急にインスタフィードが表示されなくなった
昨日まで表示されていたインスタフィードが急に消えた場合は、プラグインの認証切れ、Instagram側の仕様変更、API制限、プラグイン更新、WordPress更新、テーマ更新などが原因として考えられます。
まずはプラグインの設定画面を開き、エラー通知や再認証ボタンが出ていないか確認します。次に、プラグインを最新版に更新し、Instagramアカウントを再接続します。
それでも改善しない場合は、プラグインの公式サポートやエラーログを確認しましょう。
9. インスタをWordPressに埋め込むときのSEO・表示速度・著作権の注意点
WordPressにインスタを埋め込むと、見た目が華やかになり、SNSとの連携も強化できます。しかし、SEOや表示速度、著作権の観点では注意が必要です。
9-1. 埋め込みが多いとページ表示速度に影響する
Instagram埋め込みは、外部サーバーから画像、動画、スクリプトなどを読み込みます。そのため、1ページに多くのInstagram投稿を埋め込むと、ページ表示速度が遅くなることがあります。
特に、ブログ記事内に複数の投稿を連続で埋め込んだり、トップページに大きなフィードを表示したりすると、ユーザーがページを開いてから内容を読めるまでに時間がかかる場合があります。
SEOを意識するなら、見た目だけでなく、読み込み速度とユーザー体験も重視しましょう。
9-2. 遅延読み込みや表示件数の調整で負荷を減らす
表示速度を改善するには、Instagram埋め込みの数を減らすことがもっとも簡単です。
フィード表示では、トップページに表示する件数を3〜6件程度に絞ると、見た目と速度のバランスを取りやすくなります。プラグインに遅延読み込み機能がある場合は、有効にすることで初回読み込みの負荷を減らせる場合があります。
ただし、JavaScriptの遅延読み込みや最適化設定が強すぎると、Instagramの表示自体が止まることがあります。高速化設定を変更したら、必ず公開ページで表示確認しましょう。
9-3. 他人の投稿を埋め込むときは権利や利用許可に注意する
Instagramで埋め込みコードが取得できる投稿であっても、自由にどのような文脈でも使ってよいとは限りません。
他人の投稿を自社サイトや収益化ブログに掲載する場合は、投稿者に許可を取るのが安全です。特に、人物写真、商品写真、作品、イラスト、店舗写真、口コミ投稿などは、権利や肖像権、利用意図に注意が必要です。
Instagram公式ヘルプでも、著作権トラブルを避けるためには、自分で作成したコンテンツを投稿することが最善とされています。
9-4. 非公開投稿や削除された投稿に依存しない
Instagram埋め込みは、元投稿が存在していることを前提に表示されます。投稿が削除されたり、非公開になったり、アカウントが停止されたりすると、WordPress側の表示も崩れます。
記事の重要な説明、商品情報、価格、営業時間、キャンペーン条件などをInstagram投稿だけに依存するのは避けましょう。重要な情報はWordPress本文にもテキストで記載し、Instagramは補足として使うのがおすすめです。
9-5. 重要な画像や情報はInstagramだけに頼らない
Instagramは視覚的な訴求に強い一方、検索エンジンがWordPress本文と同じようにすべての情報を評価できるとは限りません。
SEOを意識するなら、Instagram投稿を埋め込むだけでなく、本文中にも説明文、見出し、代替となる情報を入れましょう。イベントの日時、商品の特徴、店舗の場所、サービス内容などは、WordPressの本文として記載することが大切です。
Instagram埋め込みは、読者の理解を助ける補助コンテンツとして使うと効果的です。
10. WordPressのインスタ埋め込みに関するよくある質問
ここでは、WordPressにインスタを埋め込むときによくある質問に答えます。
10-1. WordPressにインスタをURLだけで埋め込めますか？
環境によってはURL貼り付けで表示される場合もありますが、安定しないことがあります。過去のoEmbed仕様変更により、以前のようにInstagram URLを貼るだけで常に表示できるとは限りません。
現在は、Instagram公式の埋め込みコードを取得し、WordPressのカスタムHTMLブロックに貼り付ける方法がおすすめです。
10-2. インスタのリールやストーリーズは埋め込みできますか？
Instagram公式ヘルプでは、公開アカウントの投稿、リール、ガイド、プロフィールは埋め込みコードで共有できると案内されています。
ただし、ストーリーズは24時間で消える性質があり、通常の投稿やリールのように外部サイトへ安定して埋め込む用途には向きません。ストーリーズの内容をWordPressに掲載したい場合は、重要な情報を通常投稿やブログ本文として残すほうが安全です。
10-3. インスタフィードを無料で表示できますか？
無料のInstagramフィードプラグインや外部ツールを使えば、無料で表示できる場合があります。
ただし、無料版では表示件数、レイアウト、複数アカウント、ハッシュタグ表示、サポートなどに制限があることが多いです。店舗サイトや企業サイトで安定運用したい場合は、有料版も含めて検討しましょう。
10-4. プラグインなしでインスタの一覧表示はできますか？
プラグインなしでInstagramの複数投稿を自動的に一覧表示するのは、初心者には難しいです。
1投稿ずつ公式埋め込みコードを貼れば複数投稿を並べることはできますが、最新投稿の自動更新はできません。アカウントのフィードを自動で表示したい場合は、API連携、プラグイン、外部ツールを使うのが一般的です。
10-5. 埋め込みが表示されないのはInstagram側の不具合ですか？
Instagram側の一時的な不具合で表示されないこともありますが、多くの場合は、投稿の公開設定、埋め込みコード、WordPressの貼り付け場所、キャッシュ、プラグイン干渉、ブラウザ設定、認証切れなどが原因です。
まずは、対象のInstagram投稿を直接開けるか確認し、次にWordPress側のカスタムHTMLブロック、キャッシュ、プラグイン、テーマを順番に確認しましょう。
10-6. WordPress.comとWordPress.orgで埋め込み方法は違いますか？
WordPress.comとWordPress.orgでは、使える機能やプラグインの自由度が異なります。
WordPress.orgで自分のサーバーにWordPressを設置している場合は、プラグインの追加やテーマ編集の自由度が高く、Instagramフィードプラグインも導入しやすいです。
WordPress.comでは、契約プランによってプラグインの利用可否やカスタムコードの扱いが異なる場合があります。Instagram公式の埋め込みコードを使う場合でも、プランや編集画面の仕様によって操作が変わることがあるため、利用中のWordPress.comプランの機能を確認しましょう。
まとめ
WordPressにインスタを埋め込みできないときは、まず「投稿単体を表示したいのか」「フィードとして複数投稿を表示したいのか」を切り分けることが重要です。
1投稿だけを表示したい場合は、Instagram公式の埋め込みコードを取得し、WordPressのカスタムHTMLブロックに貼り付ける方法がおすすめです。URLを貼るだけでは表示されないことがあるため、公式コードを使うと安定しやすくなります。
一方、Instagramの最新投稿を一覧表示したい場合は、Instagramフィードプラグインや外部埋め込みツールを使うのが現実的です。フィード表示では、アカウント連携、アクセストークン、再認証、キャッシュ、表示件数、レイアウト設定を確認しましょう。
表示されない原因には、非公開投稿、削除済み投稿、埋め込みコードの貼り付けミス、キャッシュ、テーマやプラグインの干渉、ブラウザの広告ブロック、SSLや混在コンテンツの問題などがあります。焦って設定を変えるのではなく、1つずつ確認することが解決への近道です。
また、インスタ埋め込みは便利ですが、ページ表示速度や著作権にも注意が必要です。埋め込み数を増やしすぎず、重要な情報はWordPress本文にも記載し、他人の投稿を使う場合は許可や権利関係に配慮しましょう。
「ワードプレス インスタ 埋め込み」でつまずいたときは、この記事の手順に沿って、投稿の公開状態、公式埋め込みコード、カスタムHTMLブロック、キャッシュ、プラグイン連携の順に確認してみてください。