WordPressにInstagramを埋め込む方法｜プラグイン比較

WordPressにInstagramを埋め込む方法は、1件の投稿を掲載する方法と、アカウントの複数投稿をフィードとして並べる方法で異なります。個別投稿ならInstagramの埋め込みコード、継続的な一覧表示なら専用プラグインが基本です。

この記事では、Instagram投稿を個別に埋め込む手順、WordPressのInstagramブロックを使う際の確認点、インスタ埋め込みプラグイン3種の比較、表示されない場合の切り分けを解説します。

WordPressにInstagramを埋め込む3つの方法

最初に、何を表示したいかで方法を選びます。個別投稿とフィード表示を同じ手順で実現しようとすると、更新や表示トラブルが増えやすくなります。

方法	向いている用途	更新方法	主な注意点
Instagramの埋め込みコード	特定の写真・動画・リールを1件掲載	掲載した投稿が元のInstagramで更新・削除されると影響	公開投稿であること、外部スクリプトの読み込み
Instagramブロック・URL貼り付け	対応環境で個別投稿を簡単に表示	URLを差し替える	WordPress・Meta側の連携状況により変わるためプレビュー必須
フィード表示プラグイン	最新投稿を複数並べて自動更新	アカウント接続とプラグイン設定	認証更新、API変更、表示速度、無料・有料範囲

文章の補足として1件だけ掲載するなら埋め込みコードが分かりやすく、トップページやギャラリーで新着投稿を並べるならプラグインが適しています。スクリーンショット画像だけを掲載すると、元投稿への導線や更新性が失われるため、利用許諾と目的を確認してください。

Instagram投稿を個別に埋め込む手順

個別投稿は、Instagramが提供する埋め込みコードをWordPressの「カスタムHTML」ブロックへ貼り付ける方法が比較的予測しやすい手順です。表示できるのは、埋め込みが許可された公開コンテンツに限られます。

Instagramで埋め込みコードを取得する

1. ブラウザーで掲載したいInstagramの公開投稿を開く
2. 投稿のメニューから「埋め込み」を選ぶ
3. キャプションを含めるかを選び、埋め込みコードをコピーする
4. 投稿者、内容、掲載目的を確認し、必要に応じて掲載許可を取る

Instagramの画面構成は変更されることがあります。「埋め込み」が見つからない場合は、非公開投稿、埋め込みを許可していない投稿、ログイン状態、投稿種別を確認してください。

WordPressのカスタムHTMLブロックに貼り付ける

1. 投稿または固定ページの編集画面で「＋」を押す
2. 「カスタムHTML」ブロックを追加する
3. コピーした埋め込みコードを省略せず貼り付ける
4. ブロックのプレビューとページ全体のプレビューを確認する
5. PCとスマートフォンで幅、余白、読み込みを確認して保存する

コードの一部だけを抜き出したり、script を重複して何度も追加したりすると表示が不安定になることがあります。同じページへ複数投稿を置く場合は、出力されたコードをそのまま使い、最終ページでスクリプトの重複やエラーがないか確認します。

Instagramブロック・URL貼り付けで埋め込む方法

WordPressにはInstagram用の埋め込みブロックが表示される環境があります。ブロックを追加して公開投稿のURLを入力し、「埋め込み」を実行するのが基本操作です。段落へURLを単独で貼り付けた際に自動変換される場合もあります。

ただし、WordPressとMetaのoEmbed連携は過去に認証方式が変更され、2026年にもMeta側の提供方式が更新されています。編集画面でブロックが存在することと、公開ページで必ず表示できることは別です。URL方式を使う場合は、ログアウト状態の別ブラウザーでも表示を確認してください。

• URLが投稿単体の完全なURLになっているか
• 対象投稿が公開され、埋め込みを許可しているか
• WordPress本体と関連プラグインが現在の連携方式へ対応しているか
• キャッシュや最適化機能が埋め込みスクリプトを遅延・除外していないか
• Cookie同意ツールが許可前に外部コンテンツを止めていないか

URL方式で安定しない場合は、Instagram公式の埋め込みコードへ切り替えるか、アカウント接続に対応したフィードプラグインを検討します。

Instagramフィードを表示するプラグイン3選

複数投稿を自動取得して並べる場合は、更新状況、アカウント接続方式、必要なレイアウトを確認してプラグインを選びます。インストール数だけで決めず、採用する無料版・有料版で必要機能を使えるかを公式ページで確認してください。

プラグイン	向いている使い方	確認したい点
Smash Balloon Social Photo Feed	定番のフィード表示を短時間で設定したい	表示可能なフィード種類、レイアウト、Pro機能、アカウント再接続
Spotlight Social Feeds	プレビューを見ながらデザインを調整したい	無料版のテンプレート、リンク先、フィルター・タグ付けのプラン条件
Social Feed Gallery	シンプルなギャラリー・カルーセルを比較したい	API接続方式、表示形式、更新頻度、保守状況

Smash Balloon Social Photo Feed

WordPress管理画面からInstagramアカウントを接続し、作成したフィードをブロックやショートコードで配置するタイプです。基本的な一覧表示から始めやすい一方、ハッシュタグ、複数フィード、高度なレイアウトなどは採用プランの機能表を確認します。

Spotlight Social Feeds

編集画面上でフィードの見え方を確認しながら整えたい場合の候補です。投稿のクリック先、表示列数、モバイル表示などを実ページで試し、無料版で必要な導線を作れるか確認します。

Social Feed Gallery

ギャラリーやカルーセルなどの表示候補を比較したい場合に検討できます。導入前に最終更新、対応WordPressバージョン、サポート状況を確認し、テストサイトでアカウント接続と解除手順を試してください。

Instagram埋め込みプラグインの設定で確認すること

プラグイン名が違っても、設定時に見る項目は共通しています。最初に1フィードだけ作り、公開前に次の順で確認します。

1. プラグインを公式ディレクトリまたは開発元公式から導入する
2. 必要最小限の権限でInstagramアカウントを接続する
3. 表示するアカウント・投稿範囲・並び順を決める
4. PC、タブレット、スマートフォンの列数を調整する
5. 画像の遅延読み込みとキャッシュ更新間隔を確認する
6. クリック時の遷移先と新しいタブの扱いを確認する
7. ログアウト状態とCookie同意前後で表示を確認する

アクセストークンや連携権限には期限・再認証が必要な場合があります。担当者が変わっても復旧できるよう、接続したアカウント、再認証手順、プラグイン停止時の代替表示を記録しておきましょう。

Instagramの埋め込みが表示されないときの対処

表示されない場合は、コードを何度も貼り直す前に、投稿側、WordPress側、外部通信の順で切り分けます。

症状	主な確認箇所	対処
投稿枠だけで中身が出ない	公開状態、埋め込み許可、投稿URL	別の公開投稿で再現するか試す
編集画面では見えるが公開ページで消える	キャッシュ、JavaScript最適化、Cookie同意	一時的に除外設定を確認し、コンソールエラーを見る
フィードが古い	プラグインキャッシュ、API認証、更新間隔	キャッシュ更新とアカウント再接続を確認する
スマホで横にはみ出す	固定幅、テーマCSS、埋め込みラッパー	幅100%と最大幅、余白を調整する
一部投稿だけ出ない	投稿種別、年齢・地域制限、権利設定	表示条件を満たす別投稿と比較する

原因調査では、すべてのプラグインを本番で一度に停止しません。ステージング環境を使うか、バックアップを取ったうえで、直前に変更した最適化・セキュリティ・Cookie関連設定から確認します。

埋め込み時の著作権・プライバシー・表示速度

公開投稿であっても、自由に転載してよいとは限りません。自社アカウント以外の投稿を掲載する場合は、投稿者、写真に写る人物、商品、音楽などの権利と利用条件を確認してください。埋め込み元の投稿が削除・非公開になると、WordPress側でも表示できなくなります。

Instagramの埋め込みはMeta側のスクリプトや通信を読み込みます。サイトの対象地域、利用している同意管理、プライバシーポリシーに合わせて、外部送信やCookieの扱いを確認してください。一律に「同意不要」「必ず同意が必要」と断定せず、実際の構成と適用条件で判断します。

表示速度が落ちる場合は、1ページの埋め込み数を減らす、ファーストビューから外す、プラグインのキャッシュ・遅延読み込みを使う、静止画像と公式投稿へのリンクへ置き換える方法を比較します。SNSを複数掲載する場合は、Xの埋め込みやYouTubeの埋め込みも含め、外部スクリプトの総量を確認してください。

よくある質問

まとめ

WordPressへInstagramを埋め込む際は、特定投稿なら公式の埋め込みコード、複数投稿の自動表示ならフィードプラグインを選びます。URL貼り付けやInstagramブロックは簡単ですが、現在の連携方式とサイト環境で公開表示を確認することが欠かせません。

表示されない場合は、投稿の公開状態、認証、キャッシュ、JavaScript最適化、Cookie同意の順に切り分けます。著作権、外部送信、表示速度も含め、必要な投稿だけを掲載する構成にしましょう。