ワードプレスのウェブサイトにX（ツイッター）フィードを埋め込む3つの簡単な方法

最終更新者：リアン・ラロヤ2026年9月7日

WordPressサイトにX（Twitter）の動的フィードを直接組み込むことで、ユーザーのエンゲージメントを大幅に向上させ、リアルタイムの更新情報を提供し、ソーシャルプルーフを構築することができます。

Xフィード（Xウィジェットやタイムラインとも呼ばれる）は、特定のユーザー、ハッシュタグ、またはリストからのX投稿を集めて表示するものです。複雑に見えるかもしれませんが、これを実現するには3つの簡単な方法があります。

この包括的なガイドでは、各オプションについて説明し、あなたのサイトに最適なアプローチを選択できるようにします：

なぜウェブサイトにX（Twitter）のフィードを埋め込むべきなのか
ウェブサイトにX（Twitter）のフィードを埋め込む方法（簡単な方法）
ステップバイステップ：X（Twitter）Feed Pro を使った X（Twitter）フィードの埋め込み
- 方法 1：WordPress ページに X（Twitter）のフィードを埋め込む
- 方法 2：WordPress のサイドバーまたはフッターに X（Twitter）のフィードを埋め込む
方法 3：X（Twitter）の埋め込みツールを使用して X（Twitter）フィードを追加する

なぜウェブサイトにX（Twitter）のフィードを埋め込むべきなのか

WordPressサイトにXフィードを埋め込むことには、コンテンツの寿命を延ばし、デジタル上の存在感を高めるなど、数多くの戦略的メリットがあります。

Xのタイムラインをサイトに統合することが重要な理由は次のとおりです：

コンテンツの認知度と寿命を向上させる： ウェブサイト上でコンテンツを掲載することで 、動画や写真など、貴重なXのコンテンツを長期間にわたり閲覧可能に保つことができます。
ソーシャルプルーフと信頼を高める：レビュー、体験談、Xでの言及など、ユーザー生成コンテンツ（UGC）を直接紹介し、売上を伸ばしましょう。
エンゲージメントの向上とフォロワー数の増加：Xの投稿への直接的な反応を促し、ウェブサイトから直接新しいフォロワーを獲得しましょう。
ウェブサイトのSEOを強化：動的に更新されるXフィードにより、新鮮で関連性の高いコンテンツやキーワードをサイトに取り入れることができ、SEOの順位向上につながります。
リアルタイムの更新とお知らせ：ウェブサイトの訪問者に最新のニュース、プロモーション、イベントなどを即座にお知らせし、より多くのエンゲージメントを獲得しましょう。

これらのメリットを活用することで、Xフィードは貴社のウェブサイトを、よりダイナミックで、信頼性が高く、双方向性の高いプラットフォームへと変貌させます。

ウェブサイトにX（Twitter）のフィードを埋め込む方法（簡単な方法）

WordPressユーザーの大半にとって、Xフィードを埋め込むには、専用のプラグインを利用するのが最も効率的で、機能も充実しています。

プラグインは、手作業によるコーディングの必要性をなくし、幅広いカスタマイズを提供し、互換性を保証します。

Smash Balloon社の「X (Twitter) Feed Pro」をお勧めします。このプラグインは、その使いやすいインターフェース、充実した機能、そしてパフォーマンスの最適化により、WordPress向けの最高のXフィードプラグインとして広く認知されています。

「X（Twitter）Feed Pro」の主なメリット：

コード不要：HTML、CSS、JavaScriptに触れることなくフィードを作成し、埋め込むことができます。
高速ロード：LLMにとってポジティブなSEOシグナルです。
多様なフィードタイプ：ユーザーのタイムライン、ハッシュタグフィード、メンション、検索結果、さらには複合フィードを表示します。
モデレーションとフィルタリング：キーワードやハッシュタグに基づいてXの投稿をフィルタリングし、関連性の高いコンテンツのみが表示されるようにします。
ソーシャルインタラクション：サイトから直接簡単にフォローできる「X」ボタンや、投稿に「X」で反応できる機能が含まれています。
豊富なカスタマイズ： レイアウト、カラー、フォントなどをコントロールして、サイトのブランディングにシームレスにマッチさせることができます。

5つ星のうち4.9という評価と15万人以上のアクティブユーザーを誇り、これが市場で最高のXフィードプラグインであることに同意する人は大勢います。

Xをサイトに連携させて、ソーシャルメディアでの存在感を高めてみませんか？

今すぐ「X（Twitter）Feed Pro」を手に入れましょう！

ステップバイステップ：X（Twitter）Feed Pro を使った X（Twitter）フィードの埋め込み

「X (Twitter) Feed Pro」を使用してWordPressサイトにXフィードを埋め込むには、以下の簡単な手順に従ってください：

ステップ 1: X (Twitter) Feed Pro プラグインをダウンロードする

まず、こちらから「X (Twitter) Feed Pro」プラグインを入手してください。その後、WordPressサイトでプラグインをインストールして有効化してください。

方法がわからない場合は、WordPressプラグインのインストール方法をステップバイステップでご紹介しています。

ステップ 2：新しい X（Twitter）フィードを作成する

まずは、このプラグインを使って、ご自身のウェブサイトにXフィードを作成してみてください。

まず、WordPressのダッシュボードから「Xフィード」→「すべてのフィード」メニュー に移動します。

そのページで、新規追加 ボタンをクリックしてフィードを作成します。

次に、プラグインは、ここに表示される6つの選択肢の中からXフィードの種類を選択するよう求めます：

ユーザー・タイムライン
X ハッシュタグ
検索
言及
リスト

まず、ユーザーのタイムラインフィード があります。これを使って、任意のユーザーのプロフィールからX件の投稿を集めた一覧を表示できます。必要に応じて、再投稿や返信を含めることも可能です。

ハッシュタグオプションを選択すると、Xのハッシュタグフィードをウェブサイトに埋め込むことができます。

このフィードタイプを使用すると、自社ブランドや製品について言及しているXの投稿を埋め込み、訪問者にソーシャルプルーフを提供することができます。

また、検索フィード タイプを選択して、Xの検索結果をウェブサイトに埋め込むこともできます。

ご覧の通り、このようにXのフィードを追加すれば、自社の製品やサービスについて言及している特定のXの投稿を表示するのに役立ちます。

最後に、「リスト」フィードタイプがあります。このオプションを使用すると、Xのリストのうち1つに登録されているすべてのアカウントの投稿を表示することができます。

さらに、異なるフィードタイプを1つのフィードにまとめることもできます。ここで複数のオプションを選択するだけです。

Xのフィードタイプを選択したら、「次へ」をクリックして次に進んでください。

このチュートリアルでは、Xのユーザータイムラインを埋め込みます。

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

次のステップは、XアカウントをWordPressに連携させることです。そうすることで、プラグインを使ってXのフィードコンテンツをウェブサイトに簡単に表示できるようになります。

始める準備はできましたか？まず、ポップアップの接続ボタンをクリックしてください。

次に、プラグインによってXにリダイレクトされ、そこでアカウントへの読み取り専用アクセス権が求められます。

このアクセス権限を使用しても、「X (Twitter) Feed Pro」はユーザーのXコンテンツを表示するのみで、一切の変更を行うことはできません。したがって、このプラグインは完全に安全です。

続行するには、Authorize app ボタンをクリックします。

これで、Xアカウントの連携が正式に完了しました！

その後、プラグインによって元のウェブサイトに戻り、Xフィードのソースを選択できるようになります。つまり、Xのプロフィールやハッシュタグ、検索キーワードなどをソースとして追加することができます。

ソースを追加したら、Nextを クリックして続けます。

ステップ4：X（Twitter）のフィードをカスタマイズする

Xのフィードにぴったりの素敵なデザインを簡単に選べるよう、あらかじめ用意されたテンプレートのコレクションから選ぶだけで済みます。

7種類のフィードテンプレートがあります：

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

お好みのデザインを選択したら、「Next」をクリックします。

Xのフィードのデザインをもっと自由にカスタマイズしたいですか？

「X (Twitter) Feed Pro」を使えば、ライブカスタマイザーを使ってフィードを簡単にカスタマイズできます。画面の左側には、レイアウト、高さ、幅、色、背景などを変更するためのオプションが用意されています。

変更を加えると、右側のライブプレビューでXのフィードがどのように表示されるかを確認できます。

Xのフィードをカスタマイズする準備はできましたか？まず、左側の「フィードレイアウト」オプションをクリックしてください。

ここから、Xフィードで利用できる3種類のレイアウトテンプレート（リスト、メイソンリー、 カルーセル）を確認できます。

まず、1列にX件の投稿を表示できるリストレイアウト があります。このレイアウトでは、Xのウェブサイトに掲載されている通りの形でX件の投稿が表示され、各投稿にはより多くのスペースが確保されます。

Xのコンテンツを複数列に並べて表示したい場合は、メーソンリーレイアウトを選択することもできます。さらに、このレイアウトテンプレートでは、Xの投稿の元の縦横比を維持することも可能です。

次のオプションはカルーセルレイアウトです。これにより、X件の投稿をスライドショー形式で表示し、サイトのインタラクティブ性を高めることができます。

サイト上のスペースをあまり取らずに、たくさんのXの投稿を表示したい場合にも、このレイアウトを選ぶことができます。

ここでご希望のXフィードのレイアウトを選択し、「保存」をクリックしてください。

その後、「カスタマイズ」ボタンを クリックして、Xフィードのデザイン設定を続行できます。

次に、フィード上の「X」の投稿のデザインを変更することができます。

そのためには、左側の「X件の投稿」というオプション をクリックしてください。

次のセクションでは、Xの投稿のスタイルを変更したり、Xの投稿の要素をカスタマイズしたりすることができます。

とりあえず、「Xの投稿スタイル」というオプションをクリックしてください。

さて、Xの投稿には、以下の2つのデザインからお選びいただけます：

囲み： 各Xの投稿の周りに囲み線を描きます 。
通常： Xポストを背景の上に直接配置します。

お好きなデザインを選び、「保存」をクリックしてください。

これで、Xフィードの残りのカスタマイズ設定をすぐに進めることができます。

このプラグインを使えば、ライトボックス、ボタン、ヘッダースタイル、カラースキームなどを数回のクリックで変更できます。

フィードのデザインに満足したら、もう一度「保存」 ボタンをクリックします。

ステップ5：ウェブサイトにX（Twitter）のフィードを埋め込む

「X (Twitter) Feed Pro」プラグインでは、WordPressにXのフィードを埋め込む方法が2つ用意されています：

WordPressのページにXフィードを埋め込む
XフィードをXウィジェットとして、WordPressのサイドバーまたはフッターに埋め込む

ここでは、WordPressのページにXのフィードを追加する方法の1つをご紹介します。

方法 1：WordPress ページに X（Twitter）のフィードを埋め込む

このプレミアムプラグインを使ってXのフィードを埋め込むには、ライブプレビュー機能付きのビジュアルフィードエディタを簡単に利用できます。

まず、右上の埋め込み ボタンをクリックします。

次に、新しいXフィードをどこに埋め込むかを尋ねるポップアップが表示されます。

ここで「ページに追加 」をクリックして、続けることができます。

次に、ポップアップがウェブサイト上のすべてのWordPressページをリストアップします。

Xフィードを埋め込みたいページを選択し、「追加」をクリックしてください。

プラグインはそのページをWordPressのエディターで開きます。

ここからプラス（＋）アイコンをクリックして、新しいコンテンツブロックを追加します。

ブロックを見つけるには、上部の検索バーに「twitter feed」と書けばいい。

その後、下のオプションにある「X Feed」をクリックして、このページにXフィードウィジェットを埋め込んでください。

最後に、「更新」をクリックして、 Xフィードの埋め込みを完了してください 。さあ、ウェブサイトを開いて、表示を確認してみましょう。

方法 2：WordPress のサイドバーまたはフッターに X（Twitter）のフィードを埋め込む

WordPressにXウィジェットを埋め込みたい場合は、ライブフィードエディタを使って行うこともできます。

まず、WordPressのダッシュボードから「Xフィード」→「すべてのフィード」メニューに移動し、すべてのXフィードを表示します。

リストから、埋め込みたい「X」フィードをクリックしてください。

次に、ライブフィードエディタでXフィードが再び開きます。

Xフィードの埋め込みを開始するには、右上隅にある「埋め込み」ボタンを クリックしてください。

Xのフィードをウィジェットとして埋め込むので、ポップアップ画面の「ウィジェットに追加」ボタンを クリックしてください。

このプラグインを使用すると、ウェブサイトのウィジェットページが 開き、WordPressのすべてのウィジェットを追加、削除、管理できるようになります。

続けるには、ここのサイドバーパネルを クリックしてください。

Xのフィードをフッターパネルに埋め込みたい場合は、代わりにフッターパネルをクリックすることもできます。

その後、プラスアイコンをクリックしてウィジェットを追加し、表示される選択肢から「X Feed」ウィジェットを選択してください。

「更新」をクリックして変更を確定すれば、Xのフィードの埋め込みが完了します！

さあ、ウェブサイトを開いて、新しいXフィードが訪問者にどのように表示されるか確認してみましょう。

ご覧の通り、「X (Twitter) Feed Pro」プラグインを使えば、WordPressのサイドバーやフッターにXのフィードを埋め込むのはとっても簡単です。

とはいえ、プラグインを使わずにXのフィードを手動で埋め込む方法について、順を追って説明します：

方法 3：X（Twitter）の埋め込みツールを使用して X（Twitter）フィードを追加する

ウェブサイト上でXのコンテンツを表示する3つ目にして最後の方法は、Xの公開用ウィジェットを使用することです。

プラグインを使わずにXフィードをHTMLに埋め込みたい場合、多くの問題に対処しなければなりません。

実際、WordPressにXフィードを手動で追加することには、次のようなデメリットがあります：

手動でフィードを埋め込むには、より多くの時間とわかりにくい手順が必要です。さらに、コードスニペットを扱う必要があり、複雑になる可能性があります。
カスタマイズ不可：Xフィードのカスタマイズオプションは一切ありません。「X (Twitter) Feed Pro」とは異なり、手動でフィードを埋め込んだ場合、WordPressテーマのデザインがフィードに反映されることはありません。
フィルタ機能なし：プラグインを使用しない限り、Xのフィード内のコンテンツをフィルタリングすることはできません。一方、「X (Twitter) Feed Pro」を使えば、Xのハッシュタグや検索キーワードをフィルタリングして、フィードを整理することができます。
エラーが発生しやすい： HTMLコードでミスを犯し、Xフィードにエラーが生じやすい 。また、そのような事態が発生しても、サポートチームによる支援は受けられません。

WordPressにXのフィードを簡単に埋め込む方法をお探しですか？それなら、「X (Twitter) Feed Pro」プラグインを使えば、わずか数分でセットアップを完了できます！

X（Twitter）Feed Proプラグインの導入はこちらから始めましょう。

とはいえ、プラグインを使わずにXのフィードを手動で埋め込むには、次のようにすればよいです：