ウェブサイト上でX（Twitter）の埋め込みが表示されない場合の対処法（2026年）

X（Twitter）のコンテンツをサイトに埋め込むことは、リアルタイムのソーシャルプルーフを追加する最も簡単な方法の一つです。

しかし、埋め込み機能が動作しなくなると、ブランドの印象を悪くしてしまうため、とてももどかしいものです。幸いなことに、その解決策は想像以上に簡単かもしれません。

このガイドでは、WordPressでXの埋め込みが表示されなくなる最も一般的な原因と、それぞれの具体的な解決方法について解説します。

URLの不一致による不具合、oEmbedのプロキシエラー、GutenbergやElementor特有の課題などへの対処法を学ぶことができます。

X（Twitter）の埋め込みが機能しないのはなぜですか？

Xの埋め込みが機能しなくなるのは、ごく一部の特定の理由によるものです。最も一般的なものを以下に挙げます：

• X.com 対 X.com：URLの不一致: WordPressは、以前のバージョンに基づいて埋め込みコンテンツをキャッシュしました twitter.com URL。ブランド変更後、そのキャッシュが古くなり、埋め込みに失敗します。
• WordPress oEmbed プロキシエラー：セキュリティプラグインまたはホストのファイアウォールにより、X件の投稿データを取得するために必要なWordPressのREST APIがブロックされています。
• プラグインの競合：別のプラグインが、oEmbedリクエストまたはブロックのレンダリングに干渉しています。
• WordPressのバージョンが古い：以前のWordPressバージョンには、oEmbedに関する既知のバグがありましたが、現在は修正されています。
• ホスト側の制限：一部のホスティングプロバイダーでは、WordPressが外部埋め込みコンテンツを読み込むために必要な外部へのリクエストをブロックしています。
• APIの変更：Xは2022年以降、APIおよびoEmbedエンドポイントに度重なる変更を加えています。これらの変更により、以前は正常に動作していた埋め込みコンテンツが、予告なしに機能しなくなる可能性があります。

APIの変更や技術的な問題、WordPressのアップデートなどが重なり、最近多くのサイト運営者がXの埋め込み機能に関する問題に直面しています。もしあなたのサイトでも埋め込み機能が動作しなくなってしまった場合は、このガイドを参考にして修正してください。

なぜウェブサイトにX（Twitter）の埋め込みを追加すべきなのか？

Xは、インターネット上で最も動きの速いリアルタイムコンテンツの配信源の一つです。したがって、Xをサイトに埋め込むことで、その勢いを直接活用することができるようになります。

Xの埋め込み機能を使って、実際に次のようなことができます：

• 告知の表示：独自のX投稿を埋め込むことで、ページを手動で更新することなく、最新のニュース、新製品の発売、更新情報をサイト上で直接紹介できます。
• ソーシャルプルーフを構築する：好意的なレビュー、製品デモ、第一印象などを掲載し、実際のユーザーがあなたのブランドを信頼していることを訪問者に伝えましょう。

• Xでのエンゲージメントを促進：埋め込まれたXの投稿は、訪問者がサイトを離れることなく「いいね！」やリポスト、フォローを行うきっかけとなります。
• 信頼性を高める：業界の著名人、報道機関、あるいは満足している顧客による投稿をXに埋め込むことは、自分で書くよりも説得力があります。

WordPressでX（Twitter）の埋め込みが表示されない場合の対処法

WordPress Xの埋め込み機能が正常に動作しない場合のために、お役に立つ簡単なガイドをご用意しました。

埋め込んだXフィードが機能しない場合は、以下の手順に従ってください。

ステップ1: WordPressウェブサイトの更新

WordPressは定期的に新しいアップデートを行い、機能の追加、バグの修正、設定の変更などを行います。

しかし、サイトが最新でなければ、これらの最新機能をすべて利用することはできません。さらに、あなたのサイトにある古い機能が公式サポートを受けられなくなる可能性もあります。

朗報です。わずか数クリックでこの問題を解決できます。

まず、WordPressのダッシュボードに移動し、上部にあるPlease update nowボタンをクリックします。

もしこのボタンがサイトに表示されていない場合は、WordPressサイトが最新の状態になっているため、「ステップ2：プラグインの競合を修正する」に進んでください。

ボタンをクリックすると、ウェブサイトにこのアップデートに関する詳細情報が表示されます。

続行するには、更新するWordPressのバージョンを示す青い更新ボタンをクリックします。

あとは数分待つだけで、ウェブサイトは自動的に最新バージョンに更新される。

その後、ChromeやFirefoxなどのブラウザでウェブサイトを開き、Xの埋め込みが正常に機能しているか確認できます。

それでもエラーに直面するようなら、次のステップに進みましょう。

詳しくは、WordPressウェブサイトを安全に更新する方法をご覧ください。

ステップ2：プラグインの競合を修正する

便利な機能を追加する素晴らしいプラグインは山ほどあるが、中にはウェブサイトに問題を引き起こすものもある。

また、場合によっては、他のプラグインが原因で、サイトがX APIに接続できなくなり、埋め込み機能が正常に動作しなくなることがあります。

この問題を解決するには、すべてのプラグインを一時的に無効にして、Xの埋め込みが表示されるようになるかどうか確認してみてください。

始める準備はできましたか？まず、ダッシュボードエリアからプラグイン " インストール済みプラグインメニューを開いてください。

現在WordPressサイトで使用しているすべてのプラグインが表示されます。

左上のチェックボックスを 探し、クリックする。

そうすることで、ウェブサイト上のすべてのプラグインが一度に選択される。

次に、上部のドロップダウンメニューを開き、Deactivateオプションをクリックします。

最後に、適用 ボタンをクリックして、すべてのプラグインを一時的に無効にすることができます。

すべてのプラグインを無効にしたところで、ウェブサイトを開いて、埋め込まれたXフィードが機能していないかどうかを確認してください。問題なく機能している場合は、エラーの原因となっているプラグインを特定しましょう。

そのため、Xの埋め込みが正常に表示されるか毎回確認しながら、プラグインを1つずつ有効にしてください。

誤動作しているプラグインを見つけたら、より良いWordPressプラグインに置き換えることができます。

プラグインを無効にしても、サイト上のXの埋め込みが表示されない場合は、次の方法として手順3に進んでください。

ステップ 3: X.com と X (Twitter).com の URL の不一致を修正する

これは、プラットフォームが「X」にリブランドされた後、Xの埋め込み機能が動作しなくなる最も一般的な原因の一つですが、見落としがちです。

XがXになったとき、ドメインは twitter.com への x.com. しかし、WordPressは、最初に貼り付けた正確なURLに基づいてoEmbedデータをキャッシュします。

つまり、もし twitter.com URL、WordPressはその埋め込みをその特定のURLに関連付けて保存しました。

もしプラットフォームが現在、それを x.com、キャッシュされたデータが古くなり、埋め込みコンテンツの表示が停止することがあります。

解決方法：

1. WordPressのエディタで、「Xの投稿埋め込み」を探し、完全に削除してください
2. Xの投稿に移動し、更新されたURLをコピーしてください。URLの先頭は、次のように表示されるはずです。 x.com、ではなく twitter.com
3. 新しいものを貼り付けてください x.com URLをWordPressのエディタに、単独の行として直接貼り付ける
4. サイトのキャッシュをクリアしてください（キャッシュプラグインまたはホスティングのダッシュボードから）
5. ページをプレビューして、埋め込みが正しく表示されているか確認してください

URLを更新しても埋め込みが正常に表示されない場合は、WordPressのoEmbedキャッシュをクリアする必要があるかもしれません。

これを行うには、次の内容を functions.php 一時的に：

add_filter( 'oembed_ttl', function() { return 1; } );

キャッシュがクリアされたら、その行を削除してください。

ステップ4：ウェブホスティングサービスに連絡する

一部のウェブホスティングサービスには、ウェブサイト上でXの埋め込みコンテンツが読み込まれるのを防ぐセキュリティ機能が備わっている場合があります。

これを解決するには、ホスティングサービスに連絡して、助けてもらう必要がある。

あるいは、Xの埋め込み機能と完全に互換性のある別のWordPressホスティングサービスに切り替えることもできます。

まだサイトを別のホスティングサービスに移行したくない場合は、最後のステップに進むことで、サイトにXのコンテンツを表示するより簡単な方法を利用できます。

ステップ 5: oEmbed プロキシエラーの修正

WordPressのエディタやブラウザのコンソールに「申し訳ありません。プロキシ経由のoEmbedリクエストは許可されていません」というエラーが表示される場合、これはWordPress REST APIの権限に関する問題であり、X側の問題ではありません。

このエラーは、WordPressがXの投稿のoEmbedデータを取得しようとした際に、何らかの要因でREST APIリクエストがブロックされた場合に発生します。主な原因：

• セキュリティプラグイン（Wordfence や iThemes Security など）が、ログインしていないユーザーによる REST API へのアクセスをブロックしています
• ファイアウォールまたはウェブホストが、外部へのREST APIリクエストを制限しています
• REST API は、以下の場所にあるプラグインまたはスニペットによってサイト全体で無効化されています functions.php

解決方法：

1. REST APIが無効になっていないか確認してください。 [移動] yoursite.com/wp-json/ ブラウザでアクセスしてください。JSON形式のレスポンスが表示されれば、REST APIは正常に動作しています。エラーが表示されたり、空白のページが表示されたりする場合は、無効化されている可能性がありますので、セキュリティプラグインの設定を確認してください。
2. REST APIへのアクセスを許可してください。Wordfenceでは、「Firewall」＞「Blocking」に移動し、REST APIへのアクセスが ブロックされていないことを確認してください。iThemes Securityでは、「WordPress Tweaks」内の「Disable REST API」トグルを確認してください。
3. プラグインを無効にしてテストしてください。セキュリティプラグインを一時的に無効にし、埋め込みコンテンツが読み込まれるかどうかを確認してください。読み込まれる場合は、そのセキュリティプラグインが原因です。

REST APIへのアクセスが回復したら、エディタ内のXの投稿URLを削除して再度貼り付け、oEmbedの取得を強制的にやり直してください。

ステップ 6：グーテンベルク・ブロックエディタ：X（Twitter）の埋め込みが機能しない

WordPressのブロックエディタ（Gutenberg）を使用している場合、ブロックによるoEmbedの処理方法に特有の、Xの埋め込みが表示されなくなる原因となる要素がいくつかあります。

問題：EmbedにはXの投稿カードではなく、単なるURLが表示される

これは通常、WordPressがそのURLを埋め込み可能なXリンクとして認識できなかったことを意味します。以下の手順で修正してください：

1. ブロックを完全に削除する
2. 新しい「埋め込み」ブロックを追加する（段落ブロックではありません）
3. 埋め込みブロックピッカーで「X」または「X」を検索するか、汎用的な「埋め込み」オプションを選択してください
4. 貼り付け x.com 埋め込みブロックの「URL」欄に投稿のURLを入力してください
5. 「埋め込み」をクリックする

問題：以前は埋め込みが表示されていたが、現在はカードが破損しているか、ローディングアイコンが表示されている

これは通常、GutenbergにおけるoEmbedのキャッシュ関連の問題です。次の手順を試してみてください：

1. ブロックをHTML表示に切り替えます（3点メニュー > 「HTMLとして編集」）
2. ブロックの内容を削除し、ビジュアル表示に戻してください
3. 現在の内容で埋め込みブロックを再度追加する x.com URL
4. 更新してプレビューを確認する

問題：エディタに「プレビューを利用できません」というメッセージが表示される

これはGutenbergエディタでの表示上の問題であり、必ずしもフロントエンドでの埋め込みが機能していないことを意味するわけではありません。ページをプレビューして、正常に動作するか確認してください。

ステップ7：X（Twitter）Feed Pro をインストールする

上記の手順を試したところで、Xの埋め込み問題を解決するための簡単な回避策があります。サイトにXのコンテンツを自動的に表示できるWordPressプラグインを使用するだけです。

そして、その目的で使える最高のプラグインは「X (Twitter) Feed Pro」です。

このプラグインを使えば、HTMLの埋め込みコードを記述する必要なく、わずか数分でWordPressサイトにXフィードを作成・カスタマイズ・埋め込むことができます。

このプラグインは一度に大量のXの投稿を埋め込むため、投稿ごとにXのURLをコピーする必要はありません。

わずか数回のクリックで、プロフィール、ホームタイムライン、Xリスト、ハッシュタグ、検索結果などから、X件の投稿を表示できます。

手動で埋め込むXの投稿とは異なり、このプラグインはウェブサイトのデザインを自動的に反映させることができます。つまり、Xの投稿もブランドイメージに完璧にマッチすることになります。

さらに、ウェブサイト上でXの投稿がどのように表示されるかを、さまざまな方法でカスタマイズすることもできます。 

あらかじめ作成されたデザインをインポートしたり、ライブフィードエディタを使って、レイアウト、配色、ヘッダー、ボタンのスタイル、Xの投稿数などを変更したりすることができます。

一番の利点は？このプラグインにはプレミアム・サポート・チームがついていて、どんな質問にも答えてくれます。

すでにこのプラグインを利用している15万人以上のユーザーに加わってみませんか？こちらから「X (Twitter) Feed Pro」を入手しましょう！

それでは、このプラグインを使ってウェブサイトにXの埋め込みを追加する方法を見ていきましょう。

ウェブサイトにX（Twitter）のフィードを表示する方法（簡単な方法）

以下のステップバイステップガイドに従うだけで、サイトにXの埋め込みフィードを表示させることができます。

ステップ 1: X (Twitter) Feed Pro をインストールして有効にする

まずは、こちらから「X (Twitter) Feed Pro」を入手し、お使いのパソコンにダウンロードすることから始めましょう。

次に、WordPressサイトにプラグインをインストールして有効化します。詳しくは、WordPressプラグインのインストールに関するステップバイステップガイドをご覧ください。

ステップ2：X（ツイッター）フィードの作成

サイトに新しいXフィードを作成するには、プラグインの3ステップのガイドに従うだけです。

WordPressのダッシュボードから、「Xフィード」→「すべてのフィード」メニュー に移動して、設定を開始してください。

そうしたら、一番上にある「新規追加」 ボタンをクリックしてください。

次に、作成したいXフィードの種類を決定します。選択できる6つのオプションは以下の通りです：

• ユーザーのタイムライン： 選択したプロフィールのXタイムラインを埋め込む
• ハッシュタグ：サイトに特定のハッシュタグが付いた投稿をX件表示する
• ホームのタイムライン： 埋め込みタイムラインで自分のXコンテンツを表示する
• 検索：ウェブサイトにX件の検索結果を追加する
• メンション：あなたのブランドがメンションされた投稿を X 件表示する
• リスト：X個のリストを選択し、その内容を表示します

フィードに複数のオプションを使用したいですか？その場合は、複数のフィードタイプを選択できます。

ここでフィードの種類を選択した後、「次へ」 ボタンをクリックしてください。

このチュートリアルでは、ハッシュタグフィードタイプを 使用します。

ステップ3：X（ツイッター）アカウントに接続する

このプラグインを使えば、フィードをXアカウントに連携するのは、わずか数回のクリックで完了します。

接続 ボタンをクリックすることで開始できます。

そこをクリックするとXにリダイレクトされ、プラグインがアカウントへの読み取り専用アクセスを要求します。これにより、プラグインはXのコンテンツを閲覧できるようになりますが、アカウントに変更を加えることはできません。

ご覧の通り、Smash Balloonの「X (Twitter) Feed Pro」は安心してご利用いただけます。

プラグインに読み取り専用アクセス権を与えるには、Authorize appボタンをクリックします。

その後、元のウェブサイトに戻ります。そこで、新しいXフィードのソースを選択できます。選択するフィードの種類に応じて、ユーザープロフィール、ハッシュタグ、検索キーワード、Xリストなどから選ぶことができます。

例として、Xのハッシュタグをソースとして使用します。

続行するには、ポップアップにソースを入力し、「Next」をクリックします。

ステップ4：Xの投稿をカスタマイズする

X（Twitter）Feed Pro を使えば、WordPress を初めて使う方でも、フィードのデザインを素早く簡単に変更できます。

まず、フィードテンプレートを選択し、フィードのデザインをインポートします：

• デフォルト
• 石工
• シンプルなカルーセル
• シンプルなカード
• ショーケース・カルーセル
• 最新のXの投稿
• ウィジェット

続行するには、お好みのテンプレートを選択し、[Next] ボタンをクリックします。

そうすると、プラグインがフィードのテンプレートを有効にし、ライブフィードエディタに送ります。

ここから、フィードレイアウト、ヘッダースタイル、ライトボックスオプション、カラースキームなどを左側のオプションを使ってカスタマイズできる。

右側にはXフィードのリアルタイムプレビューが表示されるため、変更内容を確認するのに役立ちます。

ライブフィードエディタを使って、Xの埋め込みコンテンツのレイアウトを設定できるようになりました。

まず、左側のフィードレイアウトオプションを クリックします。

「X (Twitter) Feed Pro」では、4つのオプションから選択して、レイアウトを簡単に設定できます：

• リスト
• カルーセル
• そして石工。

以下、これらのレイアウトについて詳しく見ていこう：

フィードをXの公式ウェブサイトのような見た目にしたい場合は、「リスト」レイアウトを使用できます。

さらに、Xへの投稿がサイト上で明確に表示されるようになります。

ウェブサイトに、Xの投稿を複数の列に分けてたくさん表示させたいですか？

その場合、石積みの オプションを選ぶことができる。

次に、Xのフィードをスライドショーに変える「カルーセル 」レイアウト があります。

その結果、ウェブサイトは訪問者にとってよりインタラクティブで魅力的なものになります。

上部にある「保存」ボタンをクリックして、変更を保存することを忘れないでください。

Xの埋め込みコンテンツのデザインを続けるには、上部にある「カスタマイズ」ボタンを クリックしてください。

それでは、このプラグインを使ってXフィードの色を変えてみましょう。

左の配色 オプションをクリックして、始めることができます。

「X (Twitter) Feed Pro」を使えば、4種類のカラースキームから選択できます：

• テーマから継承する： ウェブサイトの色をコピーする
• 明るい：明るい背景と暗い文字色を選ぶ
• Dark：フォントの明るい色とともに暗い背景を表示する。
• カスタム： 背景色、フォント色、Xリンクの色などを手動で 選択します

好みの配色を選んだら、「保存」をクリックするのを忘れずに。

その後、残りのカスタマイズオプションを使って、ヘッダーのスタイルや投稿数、Xボタンのデザインなどを変更することができます。

Xフィードのデザインに満足したら、「保存」ボタンを クリックしてください。

ステップ5：WordPressにXの投稿を埋め込む

ここまでで、Xフィードを作成し、ソースを追加し、デザインをカスタマイズしました。これで、Xフィードをウェブサイトに埋め込む準備が整いました。

そのためには、2つの選択肢がある：

• WordPressのページにXの埋め込みを追加する
• WordPressのサイドバーまたはフッターにXの埋め込みを追加する

WordPressのページにX（Twitter）の埋め込みを追加する

ライブフィードエディタを使えば、このXフィードをウェブサイトに簡単に埋め込むことができます。

開始するには、埋め込み ボタンをクリックするだけです。

Xの埋め込み位置を選ぶのに役立つよう、プラグインは埋め込みオプションを表示するポップアップを表示します。また、ここからXフィードのショートコードをコピーすることもできます。

ここから、「ページに追加 」ボタンをクリックして次に進みます。

そうすると、「X (Twitter) Feed Pro」に、WordPress サイトのページ一覧が表示されます。

リストからページを選んだら、下の追加ボタンをクリックしてください。

これで、プラグインによってそのページがWordPressのエディタで開かれ、Xの埋め込みを表示するためのコンテンツブロックを追加できるようになります。

まず、プラスアイコン（＋）をクリックして、ページに新しいブロックを追加する。

次に、上部の検索バーを使って「twitter feed」ブロックを探す。

それが完了したら、下の「Xフィード」ブロックをクリックして、Xの埋め込みを追加できます。

変更を確認するには、上部にある更新ボタンをクリックします。

これで、このスクリーンショットのように、Xのフィードがウェブサイトに表示されるようになります：

ご覧の通り、このプラグインを使えば、WordPressのページにXのコンテンツを埋め込むのはとても簡単です。

それでは、Xのフィードを埋め込む次の方法を見ていきましょう。

WordPressのサイドバーまたはフッターにX（Twitter）の埋め込みを追加する

Xウィジェットを利用すれば、サイドバーやフッター領域にXの埋め込みコンテンツを表示することもできます。

そして、まず最初に、ライブフィードエディタでXフィードをもう一度開きます。

まず、WordPressのダッシュボードから「Xフィード」»「すべてのフィード」メニュー を開き、先ほど設定したXフィードをクリックしてください。

この方法で、ライブフィードエディタ内のXフィードをどれでも開くことができます。

次に、エディター上部の埋め込み ボタンをクリックします。

そうすると、このXフィードの埋め込みオプションが表示されたポップアップが開きます。

ポップアップで、[ウィジェットに追加] ボタンをクリックして続行します。

そうすることで、プラグインがウェブサイトの「ウィジェット」ページを開きます。ここから、Xの埋め込みを表示する場所として、サイドバーかフッターのいずれかを選択できます。

サイドバー領域にXの埋め込みを追加したい場合は、サイドバーパネル をクリックしてください。

以下の例ではサイドバーを使用する。

あるいは、「フッター」パネル をクリックして、フッター領域にX件の投稿を表示することもできます。

場所を選んだら、下のプラスアイコン（+）を クリックして新しいウィジェットを追加します。

最後に、オプションから「X Feed」ウィジェットを選択して、Xのフィードを埋め込んでください。

新しいウィジェットを保存するには、「更新」ボタンをクリックしてください。これで、ウェブサイトのサイドバーやフッターにXのコンテンツを埋め込むことができました。

さあ、ウェブサイトを開いて、Xウィジェットがどのように表示されるか確認してみましょう。

ElementorにX（Twitter）のコンテンツを埋め込む方法

Elementorは、ブロックエディタのようにWordPressのネイティブなoEmbedシステムをそのまま使用していないため、Gutenbergでは問題なく表示されるXの投稿が、Elementorでは表示されないことがあります。

ElementorでXの投稿を埋め込む最も確実な方法は次のとおりです：

方法 1：HTML ウィジェットを使用する

1. X上のその投稿に移動し、3つのドットのメニューをクリックして、「投稿を埋め込む」を選択してください。
2. をコピーして <blockquote> Xの埋め込みページからの埋め込みコード
3. Elementorで、HTMLウィジェットをページにドラッグします

4. 埋め込みコード全体（以下を含む）を貼り付けてください <script> （下部のタグ）をウィジェットに挿入する
5. 「更新」をクリックすると、Xの投稿がプレビューおよびフロントエンドに表示されます

欠点は、この方法では先ほど述べたような問題のすべてに直面する可能性があることです。

より良い解決策として、Elementor用のプラグインも試してみるといいでしょう。

方法 2：Xフィードを使用する

Elementorで複数のXの投稿やフィード全体を表示する場合、HTMLウィジェットを使う方法はすぐに作業が単調になってしまいます。

それよりも良い選択肢は、Smash Balloon社の「X (Twitter) Feed Pro」です。このツールは、Elementorに簡単に貼り付けられるショートコードを生成してくれます。

そのためには、Elementorに「ショートコード」ウィジェットを追加し、「X (Twitter) Feed Pro」のショートコードを貼り付けてください。

コードを変更することなく、フィードは自動的に表示・更新されます。

単なる1件のX投稿だけでなく、自動更新機能やデザインを自由にカスタマイズできる機能も備え、充実したフィードをお楽しみいただけます。

今はここまでだ！

これで、ウェブサイト上でXの埋め込みが正常に機能していない場合の修正方法がわかりました。これらの実証済みの手順に従えば、関連性の高いXのコンテンツを使って、すぐに訪問者の関心を引きつけることができるでしょう。

また、「X (Twitter) Feed Pro」を使えば、WordPressサイトでXのコンテンツを表示するのがこれまで以上に簡単になります。わずか数回のクリックで、見栄えの良いXフィードを作成・カスタマイズ・埋め込むことができます。

Xの埋め込みを修正する準備はできましたか？こちらから「X (Twitter) Feed Pro」を入手してください。

このサイトにアクセスしたついでに、Xで稼ぐための最良の方法を紹介したリストもぜひご覧ください。