WordPressにInstagramの投稿を埋め込みたいのに、URLを貼っただけだと表示されない——そんな悩みを解決します。結論から言うと、安定して表示したいならプラグイン「Smash Balloon Instagram Feed」を使う方法が一番おすすめです。本記事では、手軽なURL貼り付けから公式コード、プラグインまで3つの方法を、ブログ歴6年・本業でも社内サイトを触っている僕が初心者向けに整理しました。
この記事で分かることはこの3つです。
- WordPressにインスタを埋め込む3つの方法と、それぞれの向き・不向き
- 初心者がつまずきやすい「表示されない」原因と対処法
- フィードを自動更新したい人に最適なプラグインの設定手順
「とりあえず1枚だけ貼りたい」のか「お店やブログのインスタを一覧で見せたい」のかで、最適な方法は変わります。まずは自分がどっちか考えながら読んでみてください。
目次
WordPressにインスタを埋め込む3つの方法【比較表】
方法は大きく分けて3つあります。まずは全体像を比較表で押さえておきましょう。「◎=特におすすめ、○=対応、△=条件付き」で示しています。
| 比較項目 | ①URL貼り付け | ②公式埋め込みコード | ③プラグイン |
|---|---|---|---|
| 手軽さ | 最も簡単 | 簡単 | 初期設定あり |
| 表示の安定性 | 不安定なことあり | 安定 | 安定 |
| 複数投稿の一覧表示 | 不可 | 不可 | 得意 |
| 自動更新 | なし | なし | あり |
| 向いている人 | 1枚だけ貼りたい | 記事内に静的に載せたい | お店・ブログの最新投稿を見せたい |
サイドバーやトップページに「最新のインスタ投稿を自動で並べたい」なら、迷わず方法③のプラグインです。「記事の中で特定の1投稿だけ紹介したい」なら①か②で十分。この記事では3つすべてを解説しますが、本命としておすすめするのは③です。
埋め込み前に確認しておくこと
作業を始める前に、2つだけ確認しておくと後でつまずきません。
この2点さえクリアしていれば、あとは順番に進めるだけです。それでは方法①から見ていきます。
方法①：URLを貼り付けるだけ（一番手軽）
WordPressのブロックエディタは、URLを貼るだけで自動的に埋め込み表示してくれる「oEmbed（オーエンベッド）」という機能を持っています。やり方はシンプルです。
- 埋め込みたいInstagram投稿のページを開き、URLをコピーする（例：
https://www.instagram.com/p/xxxxxxxx/） - WordPressの編集画面で、貼りたい場所に段落ブロックを作る
- コピーしたURLをそのまま貼り付ける
うまくいけば、これだけで投稿が自動的にカード状に表示されます。[画像挿入：URLを貼り付けて投稿が自動表示された編集画面のスクショ]
ただし正直に言うと、この方法はInstagram（Meta）側の仕様変更の影響を受けやすく、環境によっては「URLがリンクのまま表示される」「カードが出ない」ことがあります。僕も実際に、ある時期から急にプレビューが出なくなって焦った経験があります。確実性を求めるなら、次の②か③が安心です。
方法②：Instagram公式の埋め込みコードを使う
URL貼り付けより少しだけ手間はかかりますが、表示が安定するのがこの方法です。Instagram公式が用意している「埋め込みコード」をコピーして貼り付けます。
- パソコンのブラウザで、埋め込みたいInstagram投稿を開く
- 投稿右上の「…（メニュー）」をクリックし、「埋め込み」を選ぶ
- 表示されたHTMLコードをコピーする（「キャプションを追加」のチェックはお好みで）
- WordPress編集画面で「カスタムHTML」ブロックを追加し、コピーしたコードを貼り付ける
[画像挿入：Instagramの「…」メニューから「埋め込み」を選ぶ画面のスクショ]
プレビューで崩れて見えても、実際に記事を公開・更新すると正しく表示されることが多いです。公開後にスマホとPCの両方で見え方を必ず確認しましょう。プラグインを増やしたくない人や、特定の1投稿だけを記事に載せたい人にはこの方法が向いています。
方法③：プラグイン「Smash Balloon Instagram Feed」を使う【おすすめ】
「最新の投稿を自動で並べたい」「サイドバーやトップにギャラリーっぽく見せたい」なら、これ一択でいいと思います。一度設定すれば、あとは投稿するだけで勝手に更新されるのがラクです。
Smash Balloon Instagram Feedは、Instagramフィードの表示で世界的に定番のプラグインです。最大の強みは、複数投稿を一覧（フィード）で表示でき、新しく投稿すれば自動で反映されること。お店や事業のアカウントと連動させたいときに本領を発揮します。設定の流れはこんなイメージです。
管理画面の「プラグイン」→「新規追加」で「Smash Balloon Instagram Feed」または「Instagram Feed」と検索し、インストールして有効化します。
プラグインの設定画面から「アカウントを追加」を選び、画面の案内に沿ってInstagram（またはFacebook）アカウントでログイン・認証します。
列数・表示件数・余白などをプレビューを見ながら設定します。まずは「2〜3列・6件」あたりが見栄えしやすいです。
生成されたショートコード（例：[instagram-feed]）を記事やウィジェットに貼るか、専用ブロックを呼び出して設置すれば完了です。
[画像挿入：Smash Balloonの設定画面でフィードのプレビューを確認しているスクショ]
無料版でも基本的なフィード表示は十分に使えます。ハッシュタグ別の表示や複数アカウントの統合など、より凝った見せ方をしたくなったら有料版（Pro）を検討する、という順番で問題ありません。
インスタが表示されない・崩れるときの対処法
「設定したのにインスタが表示されない」というのは、埋め込みで一番多いつまずきポイントです。よくある原因と対処を整理しました。
- キャッシュが残っている／キャッシュ系プラグインやサーバーのキャッシュを削除し、ブラウザでスーパーリロードする
- アカウントが非公開になっている／鍵付きアカウントの投稿は埋め込めない。公開アカウントか確認する
- 連携の有効期限切れ（プラグインの場合）／Instagram側の認証は期限が切れることがある。プラグインの設定画面で再連携する
- テーマやほかのプラグインと干渉している／一時的に他プラグインを停止して切り分ける
なお、埋め込みやプラグインを安定して動かすには、サーバーの性能も地味に効いてきます。表示速度や安定性に不安があるなら、サーバー環境を見直すのも一つの手です。僕は個人ブログでも法人サイトでもエックスサーバーを使っていますが、プラグインを複数入れても表示が重くなりにくく安心感があります。サーバー選びで迷っている人は、こちらの記事も参考にしてみてください。
よくある質問（FAQ）
- 他人のインスタ投稿を勝手に埋め込んでもいい？
公開アカウントの投稿は技術的には埋め込めますが、アカウント主の意向や引用のマナーには配慮しましょう。商用利用や、相手が嫌がる可能性がある場合は、事前に許可を取るのが安心です。
- プラグインなしでも埋め込みできる？
できます。本記事の方法①（URL貼り付け）や方法②（公式の埋め込みコード）はプラグイン不要です。1投稿だけ載せたいならプラグインは不要で、最新投稿を一覧で自動更新したいときにプラグインが活きます。
- 埋め込むとサイトが重くならない？
埋め込みは外部の読み込みが発生するため、件数が多いと多少は表示に影響します。表示件数を絞る、遅延読み込みに対応したプラグインを選ぶ、性能の良いサーバーを使う、といった工夫で体感はかなり改善します。
- ストーリーズやリールも埋め込める？
通常の投稿やリールは埋め込みコードに対応しています。一方、24時間で消えるストーリーズは基本的に埋め込み非対応です。リールはURL貼り付けや公式コードで試してみてください。
まとめ：目的に合わせて3つを使い分けよう
WordPressにインスタを埋め込む方法を、改めて整理します。
- とにかく手軽に1枚だけ → ①URL貼り付け
- 記事に静的に確実に載せたい → ②公式の埋め込みコード
- 最新投稿を一覧で自動更新したい → ③プラグイン（Smash Balloon Instagram Feed）
迷ったら、まずは無料プラグインで③を試すのが失敗しにくいです。表示が安定し、運用もラクになります。インスタ連携を機にブログ全体を整えたい人は、テーマやサーバーの見直しも合わせて検討すると、サイトの完成度がぐっと上がります。下の関連記事も役立つはずです。
これから新しくブログを立ち上げる方や、サーバー環境から整えたい方は、表示の安定性に定評のあるエックスサーバーを軸に検討してみてください。
