X(ツイッター)リストをウェブサイトに埋め込む5つのステップ
ホーム ブログ X(ツイッター)リストをウェブサイトに埋め込む5つのステップ

X(ツイッター)リストをウェブサイトに埋め込む5つのステップ

X(ツイッター)リストをウェブサイトに埋め込む方法

ソーシャルメディア・マーケティングの経験から、X(ツイッター)コンテンツがサイトのエンゲージメントを高めるのにどれほど効果的かを身をもって体験してきた。

もしあなたのゴールが、厳選された投稿のストリームで訪問者をあなたのウェブサイトに釘付けにすることであれば、X(ツイッター)リストを埋め込むことは完璧な解決策となる。

関連性の高いX(ツイッター)のコンテンツを直接ウェブサイトに持ち込むために、私はこのステップバイステップのガイドをまとめました。

わずか数分で、X(ツイッター)リストをウェブサイトに埋め込む方法を学ぶことができます。

この記事の中で

ウェブサイトにX(ツイッター)リストを追加する理由

  • X(Twitter)の魅力的なビジュアルや動画を紹介することで、訪問者の興味を引き、滞在時間を伸ばす。
  • X(Twitter)リストからの本物の顧客のフィードバックを表示することで、製品を直接宣伝し、売上を伸ばすことができます。
  • ホームページやランディングページの目立つところに掲載することで、重要なお知らせや常設の投稿を増幅させましょう。
  • キーワードの多い新鮮なツイートを埋め込むことで、SEOを強化し、より多くの人にリーチできます。
  • X(ツイッター)でアクティブに活動していることを示し、サイト訪問者にフォローを促して、より多くのコンテンツを得よう。

X(ツイッター)リストをウェブサイトに埋め込む最も簡単な方法

あらゆるタイプのX(Twitter)コンテンツを埋め込むことに関しては、Twitter Feed Proは簡単に最高のソリューションとして際立っています。

ツイッターフィード埋め込みプラグイン

このツールを使えば、たった数分でダイナミックなX(ツイッター)リストフィードを構築し、デザインをカスタマイズし、サイトに追加することができます。しかも、コードを一行も触ることなく、そのすべてを行うことができます!

Twitter Feed Proがあなたのウェブサイトを大きく変える理由はここにあります:

  • リストを表示するだけでなく、Twitter Feed Proを使ってユーザーのタイムライン、ハッシュタグフィード、検索結果を表示することもできます。
  • 直感的な3ステップのガイド付きセットアップにより、わずか数クリックで完全なX(ツイッター)フィードを立ち上げる準備ができます。
  • プロがデザインしたテンプレート集にアクセスし、すぐにインポートしてフィードを洗練された外観にすることができます。
  • モデレーション・オプションとフィルタリング・オプションを使えば、あなたのサイトに表示されるリストのツイートを完全にコントロールすることができます。
  • このプラグインには便利なライブエディターが搭載されており、X(ツイッター)リストの外観をあらゆる角度から調整することができます。
ライブフィードエディター twitterフィードプロ

さらに、Twitter Feed Proは驚くほど軽量だ。写真や動画付きのツイートを大量に埋め込むのに使ってみたが、すべての読み込みが相変わらず速かった。

このツールを試してみたいですか?Twitter Feed Proはこちらから

ステップバイステップガイドX(ツイッター)リストをサイトに埋め込む

準備はできましたか?ここでは、Twitter Feed Proプラグインを使ってX(Twitter)リストをウェブサイトに埋め込む方法をご紹介します。

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

まず最初に、こちらからTwitter Feed Proを入手してください。プラグインを入手したら、あなたのウェブサイトにインストールして有効化してください。

ダウンロードしたら、次はWordPressのウェブサイトにインストールして有効化します。

このステップの詳細については、WordPressプラグインをステップバイステップでインストールする方法についてのガイドを参照してください。

ステップ2: ツイッターフィードを作成する

それでは、あなたのTwitterリストを紹介するために特別にデザインされた新しいフィードを作り始めましょう。

まず、WordPressのダッシュボードにアクセスして、Twitterフィード " すべてのフィード メニューを開きます。

そこから、新規追加 ボタンをクリックして、フィードの作成を開始することができます。

カスタムツイッターフィードを追加

Twitter Feed Proでは、どのような種類のTwitterコンテンツを表示するかを選択できます。以下のオプションから選ぶことができます:

  • ユーザーのタイムライン:特定のTwitterアカウントからのツイートを表示するのに最適です。
  • ハッシュタグ:選択したハッシュタグを含むツイートを表示したい場合。
  • 検索:特定の検索キーワードに基づいた結果を埋め込むのに便利です。
  • リスト:公開されているX(Twitter)リストのツイートを埋め込み開始。

それでは、Listオプションを選択し、Nextをクリックします。

twitterフィードのリストフィードタイプを選択する

ステップ3: ツイッターリストに接続する

新しいフィードを作成したら、埋め込みたいTwitterリストに接続しましょう。

ポップアップに表示される接続ボタンをクリックするだけです。

ツイッターアカウントをワードプレスに接続

そうすると、ウェブブラウザでTwitterが開き、Twitter Feed Proプラグインへの読み取り専用アクセスが可能になります。

心配しないでください。"読み取り専用 "とは、プラグインがあなたのコンテンツを見ることはできるが、絶対に変更を加えることはできないという意味です。

アプリの認証ボタンをクリックします。

ツイッターの読み取り専用アクセスを許可する.jpg

次に、ウェブサイトに掲載したいツイッターリストを選びます。

まず、ブラウザでツイッターのリストを開き、URLの末尾にあるリストIDを コピーします。

あなたのウェブサイトに戻り、「次へ」をクリックする前にIDを貼り付けます

twitterリストのリストIDを貼り付ける

ステップ4: ツイッターリストのフィードをカスタマイズする

Twitterのリストフィードをあなたのウェブサイト上でどのように見せるかを選択しましょう。まず、あらかじめ用意されているテンプレートをインポートして、素早くデザインを変更できます。

7つのユニークなオプションからテンプレートを選び、「次へ」をクリックする。

フィードテンプレートを選択する

テンプレートを選択すると、Twitter Feed Proのライブフィードエディタが表示されます。

ここでは、左側のカスタマイズオプションを使って、Twitterリストの表示方法をコントロールできます。

右側には、Twitterリストフィードのリアルタイムプレビューが表示されるので、変更を加えるたびに確認することができます。

ビジュアルカスタマイザーのtwitterリストフィード

ここで作業するオプションはたくさんあるので、カスタマイザーがどのように機能するかをお見せするために、主要なものをいくつか見ていくことにしよう。

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

Xリストのフィードレイアウトを3種類から選択できるようになりました:

  • リスト: リスト内の各ツイートがはっきりと見えるように、コンテンツを1列で表示する。
  • メイソンリー:たくさんのツイートを複数のカラムで同時に表示。写真や動画のギャラリーを作るのにも最適です。
  • カルーセル:Twitterリストをインタラクティブなスライドショーに変換し、ウェブサイトにダイナミックなタッチを加えます。

レイアウトを選んだら、「保存」をクリックすると、変更が保存されます。

twitterリストフィードのレイアウトオプション

これらのレイアウトオプションの下には、リストフィードに表示される記事の数をコントロールする設定もあります。

レイアウトが完成したら、左上のカスタマイズ ボタンをクリックします。

メイン・カスタマイズのTwitterリスト・フィードに戻る

この後、メインのカスタマイズ・オプションに戻ります。今回はフィードの色を変えてみましょう。

左側にある配色オプションを探し、クリックする。

twitterリストフィードの配色オプションを開く

レイアウトオプションと同様に、さまざまな配色から選ぶことができる:

  • テーマからの継承: WordPressテーマと同じ配色を使用する。
  • 明るい色:フィードの背景を明るい色にし、フォントを暗い色に合わせる。
  • ダーク: ツイッターフィードの背景をダークにし、フォントの色をライトにします。
  • カスタム Twitterリストフィードのすべての色を自分で選ぶ

配色を選び(またはカスタムで作成し)、先ほどと同じように「保存」をクリックする。

ツイッターのリストフィードの配色

そうしたら、残りのオプションを使ってTwitterのリストフィードをさらに変更できます。ツイートのデザイン、ヘッダー、ボタンのデザインなど、自由に微調整してください。

変更が完了したら、「保存」をクリックして確認することを忘れないでください。

ステップ5:X(ツイッター)リストをウェブサイトに公開する

ライブフィードエディターから始めれば、Twitterのコンテンツを埋め込むのはとても簡単です。

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

ツイッターのリストフィードを埋め込む

そうすると、このTwitterフィードを埋め込む方法を示すポップアップが表示されます:

  • ページに追加 選択したWordPressページにTwitterフィードを表示する。
  • ウィジェットに追加: サイドバーやフッターにツイートを表示できます。
  • コピーしてください: 手動でショートコードをコピーして、サイトの任意の場所にこのフィードを追加します。

この例では、ページに追加するので、「ページに追加」ボタンをクリックしてみよう。

ツイッターのリストをページに追加する

次に、プラグインは利用可能なWordPressページの完全なリストを表示します。

使用したい特定のページを選択し、「追加」をクリックします。

新しいページにツイッターフィードを追加する

Twitter Feed Proは自動的にWordPressエディタ内で選択したページを開きます。

プラス(+)アイコンをクリックして、ここに新しいコンテンツブロックを追加します。

新しいブロック・コンテンツ・ブロックを追加する

検索バーを使って「twitter feed」ブロックを探す。

次に、検索結果からTwitter Feedブロックを選択し、このページにTwitterリストを埋め込みます。

ワードプレスサイトにツイッターフィードを埋め込む

最後にUpdateを クリックすれば、このTwitterリストフィードはライブになり、訪問者がチェックできるようになる。

ページを開いて、自分のTwitterフィードがみんなにどう見えるかを見ることもできる。

サイト上のtwitterリストフィードの例

最終的な感想

これで完成です!以上のステップを踏めば、ほんの数クリックでX(ツイッター)リストをウェブサイトに表示できるようになります。

Twitter Feed Proプラグインを使えば、とても簡単です。適切なTwitterリストを選んで埋め込めば、ウェブサイトのエンゲージメントを簡単に高めることができます。

Twitterリストを公開する準備はできましたか?今すぐTwitter Feed Proを使い始めましょう

ツイッターの収益化について興味がある方は、ツイッターでお金を稼ぐ方法のガイドをご覧ください。

ソーシャルメディア・マーケティングのヒントとガイド

著者アバター
サジャン・シャルマ シニアライター
WordPress、ソーシャルメディアマーケティング、オンラインビジネスについて10年以上執筆。専門分野はインフルエンサーマーケティング、コンテンツキュレーション、デジタルマーケティング戦略など多岐にわたる。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。