WordPressサイトにカスタムX（Twitter）フィードを埋め込むために私が実践している6つの手順

WordPressサイトに、独自のX（Twitter）フィードをシームレスに埋め込む方法について知りたいですか？

ウェブサイトにXのタイムラインやカスタムXフィードを表示することで、エンゲージメントが向上し、最新の更新情報を共有でき、サイト訪問者をあなたの最新のX投稿へと誘導することができます。

しかし、Xの標準的な埋め込みオプションを使用しても、必要な柔軟性やデザイン上の自由度は得られません。

また、カスタムXフィードを追加する最適な方法を模索するのは、特に考慮すべきプラグインや設定が数多くあるため、気が遠くなるような作業に感じられるかもしれません。

自分のXフィードを表示しようと決めた当初、私は数多くの方法を試した末、迅速かつ信頼性の高い手法にたどり着きました。

Smash Balloonでの経験を通じて、WordPressユーザーがXの投稿を効果的に紹介できるようサポートしてきた中で、手間をかけずにXのフィードを見栄えよくする最も簡単な手順を見つけました。

この記事では、私がWordPressサイトにカスタムXフィードを埋め込む際に実際に使っている6つの手順を詳しく解説します。WordPressが初めての方や技術的な知識がない方でも、一緒に実践できるようになっています！

この記事で

カスタムX（Twitter）フィードとは何ですか？

カスタムXフィードとは、ビジネスのニーズに合わせてパーソナライズされたXの投稿を集めたものです。特定のハッシュタグ、Xユーザー、あるいは検索キーワードでフィルタリングされたXの投稿からなるフィードとなります。

カスタムXフィードには、さまざまな形式や種類があります。たとえば、次のようなことができます：

• 自社ブランドに関連するハッシュタグに基づいて、カスタムXフィードを作成する
• 自社ブランドに言及したXの投稿を含むXフィードを埋め込み、ユーザーの体験談を紹介する
• ウェブサイトにXのカルーセルフィードを表示する
• 高度なX検索の結果を含むカスタムXフィードを表示し、訪問者に有益な情報を提供する
• 複数のユーザーのX投稿を、同じXフィードに埋め込む
• 「Showcase X」の放送または「X」のライブ配信
• ウェブサイトにビジュアルXカードを追加する

カスタムXフィードとは何かがわかったところで、Xフィードを手動または自動で埋め込む方法について説明しましょう。

カスタムX（旧Twitter）フィードの手動埋め込みと自動埋め込みの比較

WordPress ウェブサイトにカスタマイズした X のコンテンツを表示するには、主に 2 つの方法があります：

• Xの埋め込みコードを手動で埋め込む
• 「X (Twitter) Feed Pro」のようなWordPress Xプラグインを使えば、すべてを自動で処理してくれます

ここ10年ほど、複数のウェブサイトでカスタマイズしたXのフィードを表示してきましたが、WordPressでXの投稿を表示する際、私が一番気に入っている方法は、Smash Balloonの「X (Twitter) Feed Pro」プラグインを使うことです。

ここでは、カスタムXフィードを手動で追加する場合と、WordPressプラグインを使って自動的に追加する場合の違いについて、簡単にまとめました：

特徴	Smash Balloon X（Twitter）Feed Pro の使用方法	Xcode を使用して手動で埋め込む
セットアップ	簡単：アカウントを接続し、数クリックでフィードをWordPress内に直接埋め込みます	？ 複雑：Xへの投稿ごとに、コードを生成・コピー・貼り付けするという多段階のプロセス
カスタマイズ	完全な制御：ライブビジュアルエディターを使用して、レイアウト、色、スタイルを簡単にカスタマイズし、ウェブサイトのブランディングに合わせられます。コード不要！	？ HTMLやJavaScriptの専門家でない限り、Xのデフォルトのスタイルしか使用できません
テクニカル・スキル	? Smash Balloon X (Twitter) Feed Pro は、初心者にも100％使いやすいように設計されています	カスタマイズにはコーディング知識が必要、または開発者を雇う必要があります
信頼性	? Smash Balloonチームは、プラグインを常に最新の状態に保ち、ユーザーのカスタムXフィードがオンラインで安定して動作するよう確保しています。	? 外部コードに依存しており、動作が不安定になる可能性があります。トラブルシューティングはすべてご自身の責任で行ってください。
サポート	✅ ワールドクラスのサポート：WordPressのエキスパートによる迅速でフレンドリーなサポート	なし：問題が発生した場合は、ご自身で対処してください。
最終的な収穫	サイト上で魅力的なXフィードを作成・カスタマイズ・表示するための、最も簡単で強力な方法です。今すぐ「Smash Balloon X (Twitter) Feed Pro」をチェックしてみてください！	X件の投稿やX件のフィードを追加するための手間のかかる方法で、すぐに古くなってしまい、デザインを自由に設定することもできません

WordPressにカスタムX（旧Twitter）フィードを追加する最も簡単な方法

さて、皆さんは「自分のウェブサイトにXのフィードを追加するにはどうすればいいの？」と疑問に思っているかもしれません。

間違いなく、WordPressサイトにカスタムXフィードを埋め込む最も簡単な方法は、「Smash Balloon X (Twitter) Feed Pro」プラグインを使用することです。

WordPress向けの最高のXフィードプラグインである「X (Twitter) Feed Pro」を使えば、コーディングの知識がなくても、Xフィードを作成・カスタマイズし、サイトに埋め込むことができます。

Smash Balloon X (Twitter) Feed Pro を使う上で気に入っている点は、ハッシュタグフィード、ユーザータイムラインフィード、Xの投稿のカルーセルやスライドショー、Xの検索フィードなど、さまざまな種類のカスタマイズ可能なXフィードを表示できることです。

また、X（Twitter）Feed Pro を使う方が、Xの投稿を手動で埋め込むよりもはるかに優れています。その理由は以下の通りです：

• プラグインを使えば、Xアカウントとウェブサイトをほんの数秒で連携させることができます
• このプラグインは、Xの投稿を自動的に取得してくれます。Xの投稿を手作業で1つずつ埋め込む必要がないため、時間を大幅に節約できます。
• シンプルなフィードカスタマイズ機能を使えば、わずか数回のクリックで、視聴者の関心を引く、きめ細やかにカスタマイズされたXフィードを作成できます。
• 他のXフィードプラグインとは異なり、「X (Twitter) Feed Pro」は、Xの投稿をサイトのコンテンツの一部として読み込むため、検索ボットが内容を認識できるようになります。これは、サイトのSEOを向上させる上で非常に有効です。

さらに、このXフィードプラグインには、ソーシャルメディアのフィードに関するお悩みを100％サポートするWordPressの専門家チームが付き添っています。

最高なのは？

Smash Balloonは、Coca-ColaやIndeedなどの大手ブランドを含む、175万人以上のユーザーに信頼され、ソーシャルメディアフィードをサイトに埋め込んでいます。

サイトにカスタマイズ可能なXコンテンツを追加する準備はできましたか？「X (Twitter) Feed Pro」で今すぐ始めましょう！

WordPressサイトでカスタムX（旧Twitter）フィードを表示するために私が実践している6つの手順

「Smash Balloon X (Twitter) Feed Pro」を使えば、ほんの数分で自分のウェブサイトにパーソナライズされたXのフィードを表示できることをご存知でしたか？

ここでは、コーディング不要でWordPressにXのフィードを埋め込むために、私が実践している手順を順を追って解説します。

ステップ 1：Smash Balloon X (Twitter) Feed Pro をインストールする

まず、WordPressサイトにインストールする前に、「X (Twitter) Feed Pro」を入手してください。

そのためには、WordPressのプラグインをインストールするための簡単な手順に従ってください。

それでは、ステップ2に進んで、Xフィードを作成しましょう。

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

その後、WordPressのダッシュボードから「X Feed」→「すべてのフィード」 へと移動してください。

このページから、上部にある「新規追加」 ボタンをクリックして次に進みます。

これで、ウェブサイトに表示するXフィードの種類を選択できるようになりました。「X (Twitter) Feed Pro」には、以下のような多種多様なフィードタイプが用意されています：

• ユーザーのタイムライン： 特定のXユーザーが投稿したすべてのXの投稿を表示する
• ハッシュタグ： 特定のハッシュタグを含む投稿をX件表示する
• 検索： 特定のキーワードを含むX件の投稿を表示するように選択する

さらに、同じXフィードに複数のユーザーからの投稿をX件表示することもできます。その場合は、フィードの種類を2つ以上選択してください。

このチュートリアルでは、後でカスタマイズする予定のXのユーザータイムラインを埋め込みます。

Xのフィードタイプを選択したら、「次へ」をクリックしてください。その後、ご自身のXアカウントを連携させると、ウェブサイトにXの投稿を表示できるようになります。

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

次のステップでは、表示したいアカウントのXユーザー名またはXハンドルを入力します。この例では、@starbucksのXハンドルを入力します。その後、「次へ 」をクリックして次に進みます 。

それでは、ステップ4で新しいXフィードのデザインをカスタマイズしましょう。

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

「Custom X (Twitter) Feed Pro」を使えば、ほんの数ステップでXのフィードを簡単にカスタマイズ・設定できます。

フィードを設定した後、プラグインはあなたが使用したいフィードテンプレートを選択するように尋ねます。

「X (Twitter) Feed Pro」には、プロがデザインしたテンプレートが豊富に用意されているため、ブランドのビジュアルに合ったXフィードを簡単に作成できます。

Xのフィード用に、ユニークなレイアウトを即座に選択できるテンプレートが7種類用意されています：

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

お好みのテンプレートを選択したら、「Next」をクリックします。

この操作を行うと、プラグインがXのフィードをビジュアルフィードエディタで開きます。とても簡単で手早くできたでしょう？ わずか数回のクリックで、Xのフィードを作成できました！

ビジュアル・フィード・エディターを使って、フィードのデザインをカスタマイズすることができます。

左側には、フィードのレイアウト、配色、Xの投稿ボックスのスタイル、フィードのサイズ、ボタンのデザインなどを変更するためのオプションが用意されています。

右側にはフィードのライブプレビューがあり、すべてのフィードがどのように見えるかを見ることができる。

開始するには、左パネルのフィードレイアウトオプションを クリックします。

その後、3つの異なるレイアウト設定から選ぶことができる：

• リスト
• カルーセル
• 石工

リストレイアウト では、Xのフィードが全幅のリストとして表示されます。

Xの投稿ごとに表示スペースが広くなるため、これは重要なコンテンツを目立たせるのに最適な方法です。

次に、X本の投稿を列に並べ、間にスペースを入れない「メイソンリーレイアウト」があります。これは、ウェブサイト上で美しい写真や動画を掲載するのに最適な方法です。

個人的には、ウェブサイトの訪問者が私のカスタムXフィードにあるX枚の写真や動画を閲覧できるように、メゾニーレイアウトを使うのが好きです。

Xの投稿を魅力的なXスライドショーとして表示するには、代わりにカルーセルレイアウト を選択するとよいでしょう。

このレイアウトを使えば、サイトをよりインタラクティブにすることができる。

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

Xのフィードの残りの部分を表示し、カスタマイズするには、上部にある小さな「カスタマイズ」ボタンをクリックしてください。

それでは、「カラースキーム」 をクリックして、Xフィードの色を設定してください 。

「Custom X (Twitter) Feed Pro」には、4つのカラースキームが用意されています：

• テーマからの継承： WordPressテーマと同じ色を使用する
• 「Light」： 明るいXフィードに暗いフォントで表示する
• 暗い色: 暗い背景と明るい色のフォントを選ぶ。
• カスタム： Xフィードの色をすべて手動で 選択する

配色を選択したら、もう一度「保存 」をクリックします。

Xフィードのデザインに加え、Xフィードのコンテンツについても完全にコントロールすることができます。

プラグインのビジュアルカスタマイザーを使用すれば、Xフィード内の返信やリポストを表示・非表示にすることで、Xの投稿を絞り込むこともできます。さらに、指定した単語に基づいてXの投稿を表示・非表示にすることも可能です：

ご覧の通り、X（Twitter）Feed Proのライブフィードカスタマイザーを使えば、Xカードのスタイル、ヘッダーのデザイン、ボタンのスタイル、ライトボックスのオプションなど、さまざまな設定をとても簡単に設定できます。

Xのフィードの表示に満足したら、「保存」ボタンを クリックして変更を確定してください。

最後に、ステップ5に進み、カスタムXフィードをウェブサイトに埋め込むことができます。

ステップ 5：カスタム X（旧 Twitter）フィードをウェブサイトのページに追加する

カスタムフィードの作成方法がわかったところで、次はウェブサイトにカスタムXフィードを追加する方法を見ていきましょう。

WordPressの投稿やページに独自のXフィードを追加するには、ライブフィードエディタにある「埋め込み」ボタンを クリックしてください。

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

ここにある「ページに追加」オプション をクリックして続行してください。

カスタムXフィードに使用するWordPressを選択できるようになりました。選択したら、「追加」をクリックして次に進んでください。

そうすると、WordPressのエディタでそのページが開き、フィードを埋め込むことができます。

そのためには、まずプラス（＋）アイコンをクリックして、新しいコンテンツブロックを追加する。

検索ボックスに「twitter feed」 と入力して「X Feed」ブロックを見つけ 、それをクリックします。

その後、作成したカスタムXフィードがコンテンツエリアに自動的に表示されます。複雑なXの埋め込みコードを扱う必要は一切ありません！

変更内容を確認するには、「公開」または 「更新」ボタンを クリックしてください。

これで、あなたのウェブサイトを開くことができ、あなたのウェブサイトの訪問者にあなたのフィードがどのように見えるかを見ることができます。

さらに、このプラグインを使ってカスタムXフィードを埋め込む別の方法もあります。

ステップ6に進み、その方法を紹介しよう。

ステップ 6：カスタム X（旧 Twitter）フィードをウェブサイトのサイドバーまたはフッターに追加する

Smash BalloonのXフィードプラグインを使えば、サイドバーやフッター領域にXウィジェットを埋め込むこともできます。

まずは、ライブフィードエディタでXのフィードを開いてください。

WordPressのダッシュボードから「X Feed」»「すべてのフィード」ページを開けば、その操作を行うことができます。次に、作成したXフィードを見つけてクリックしてください。

前と同じように、ライブエディタの右上にある埋め込み ボタンをクリックしてください。

次に、ポップアップ画面から、カスタムXフィードを追加する場所を選択できます。ここで「ウィジェットに追加」オプション をクリックして、次に進んでください。

これで、プラグインがウェブサイトのウィジェットページを開き、Xのフィードを埋め込むことができるようになります。

そのためには、サイドバーパネルを クリックして、そこでウィジェットの管理を開始する。

あるいは、フッターパネル をクリックして、Xフィードをフッターに追加することもできます。

最後に、プラス（+）アイコン をクリックして新しいウィジェットを追加し 、「X Feed」をクリックします。

これで、サイドバーまたはフッターにカスタムXフィードが追加されました。上部の「更新」ボタンを クリックして、変更を保存してください。

これで、サイドバーのあるウェブサイトのページにアクセスすると、訪問者向けにカスタマイズしたXフィードが埋め込まれているのが確認できます。

詳細については、WordPressにXウィジェットを追加する方法に関するこのガイドをご覧ください。

なぜウェブサイトに「Custom X」（旧Twitter）のフィードウィジェットを埋め込むべきなのか？

前述したように、Xフィードでは特定のXアカウントの投稿を一覧表示できるため、オンラインでビジネスを宣伝することができます。

WordPressにカスタムXフィードウィジェットを表示することが重要な主な理由は以下の通りです：

• サイトのエンゲージメントを高める – サイトに埋め込まれたパーソナライズされたカスタムXフィードを目にすることで、サイト訪問者はより長く滞在し、サイトとの関わりも深まります。サイト滞在時間が長ければ長いほど、ブログ記事を読んだり、メールマガジンに登録したり、商品をチェックしたりする可能性が高まります。これにより、X上のエンゲージメントも向上します。
• 売上とコンバージョンを促進する– 製品のデモ、顧客の声、ブランドとの好意的なやり取りを紹介するダイナミックなXフィードは、強力な「ソーシャルプルーフ」として機能し、ウェブサイト訪問者に購入を促すことができます。
• Xのフォロワーを増やす– サイト訪問者はすでにあなたのビジネスに関心を持っているため、彼らをXのフォロワーに変えるのは簡単です。
• サイトのSEOを改善する – サイトにXのフィードを表示することで、検索ボットが読み取れるキーワードを豊富に含むXのコンテンツを追加でき、最小限の手間でサイトのSEOを改善することができます。

以上です！この記事が、ウェブサイトにカスタムXフィードを追加する方法を知る一助となれば幸いです。

あとは、あなた自身がそれを作成して、視聴者の関心を引きつけ、Xのフォロワーを増やし、ビジネスを成長させるだけです。

サイトに独自のXフィードを追加する準備はできましたか？今すぐ「X (Twitter) Feed Pro」を使い始めましょう。

今すぐ、カスタムX（旧Twitter）フィードの埋め込みを始めましょう

このガイドに記載されている6つの手順に従うことで、XのコンテンツをWordPressサイトに確実に掲載することができます。

私自身の経験から言えば、Smash Balloonの「X（Twitter）Feed Pro」を使えば、プロセス全体が効率的かつシンプルになります。

コードに悩まされることなく、わずか数分で、プロフェッショナルなカスタムフィードをあなたのサイトにライブ表示することができます。

次に私がお勧めするのはこれだ：

• 「X（Twitter）Feed Pro」はこちらからご購入いただけます。（14日間の返金保証付きです！）
• 先ほど説明した6つのステップに従って、フィードを作成し、埋め込んでください。
• 新しいXフィードをプレビューして、ウェブサイトのレイアウト内で完璧に表示されることを確認してください。

X（Twitter）Feed Pro を使って、この手順に従いフィードを埋め込む方法について、何かご質問はありますか？下のコメント欄からぜひお尋ねください！

カスタムX（旧Twitter）フィードの表示に関する人気記事

• ElementorのウェブサイトにXフィードを追加する方法（5分で完了）
• Divi WordPressサイトにTwitterフィードを追加する方法
• Thrive Architect ウェブサイトに X プロフィールを追加する方法

また、今すぐビジネスの成長につながることが実証されている「X」投稿のベストな種類について解説した次の記事もぜひチェックしてみてください。

Xの埋め込みに問題がありますか？サイト上でXの埋め込みが機能しない場合の対処法をご紹介します。

もしこの記事が気に入っていただけたなら、ぜひXやFacebookで私たちをフォローして、ソーシャルメディアマーケティングのチュートリアルをもっとチェックしてください。