ソーシャルメディア・マーケターとして、Twitterのフィードをネイティブの埋め込み機能だけで思い通りの見た目に仕上げるのは、特に横型スライダーやカルーセルのような特定のレイアウトにしたい場合、なかなか難しいものだと痛感しています。
Twitterのデフォルトの埋め込み機能では、縦型のタイムラインしか作成できず、横型のオプションは組み込まれていません。
私はSmash Balloonで働いていますが、その業務で頼りにしているのは「Smash Balloon Twitter Feed Pro」というプラグインです。このプラグインにはカルーセルレイアウトが組み込まれているため、コードを1行も書くことなく、Twitterのフィードを横並びで表示することができます。
要約すると：WordPressで横向きのTwitterフィードを作成するには、「Smash Balloon Twitter Feed Pro」をインストールし、新しいフィードを作成して、設定時に「Simple Carousel」テンプレートを選択します。これでワンクリックで横スクロール形式のレイアウトが完成します。
セットアップには全部で5分ほどかかります。以下で手順を一つひとつご説明します。
この記事では、Twitterの横型フィードを段階的に設定する方法を詳しく解説します。このガイドはどなたでも利用できるよう作成されていますので、プログラミングの知識は一切必要ありません。
この記事で
- ツイッターのフィードを横並びにする最も簡単な方法
- ワードプレスに横長のX（ツイッター）フィードを埋め込む方法
- WordPressにおけるHorizontal X/Twitterフィードに関するよくある質問
- ツイッター・マーケティングの人気チュートリアル＆ガイド
- 今すぐ横長のX/Twitterフィードの埋め込みを始めましょう
ツイッターのフィードを横並びにする最も簡単な方法
あなたのウェブサイトに手動で横並びのTwitterフィードを埋め込むのは自由です。しかし、そうすることは、次のような多くの制限を伴うことを知っておく必要があります：
- 設定が難しい： WordPressの横長レイアウトのテンプレートにツイートを手動で埋め込む場合、HTML、PHP、JavaScript、カスタムCSSなど多くのコードを扱う必要があります。
- カスタマイズが難しい： Twitterのデフォルトのレイアウトとデザインに縛られる。そのため、Twitterフィードのレイアウトを横スクロールフィードに変更したい場合は、開発者を雇う必要があります。
- 危険：WordPressウェブサイトの埋め込みコードをいじろうとしたことがありますか？ほんの小さなミスをしただけで、恐ろしい「エラー」ページが表示され、修正に多くの時間とリソースを取られてしまうかもしれません。
- ツイートのコントロールが制限されています：ツイートを制限して、必要なコンテンツだけを表示したいですか？Twitterではこのようなこともできません。
- 誰もあなたを助けることを優先しないサイトがぐちゃぐちゃ？どうしたらいいかわからない？Twitterには、あなたをサポートする専門のサポートチームがありません。だから、自分で何とかするしかないのです。
Twitterが、Twitterフィードをサイトに水平に埋め込むことを困難にしているとしたら、最善の方法は何だろうか？
WordPressに最適なTwitterフィードプラグインを使えば、すべてが簡単で速くなります：Smash Balloon Twitter Feed Pro。
この初心者向けのプラグインを使えば、WordPressサイトにTwitterの水平フィードを簡単に追加することができる。
そう、セットアップのためにコードの行をいじる必要もない。
そして最大の特徴は？カルーセルレイアウトが 組み込まれています。そのため、Twitterフィードを横にも簡単に表示できます。
また、ユーザーを念頭に置いて設計されているので、プラグインがあなたのウェブサイト上で超高速でロードされることを確認することができます。そして、より速いウェブサイトはより良いSEOを意味するので、あなたのサイトは検索エンジンの結果で上位にランクされます。
さらに、4.9/5つ星の確かな評価で、このカスタムツイッターフィードプラグインは10万人以上のアクティブユーザーに喜んで推奨されています。
Twitter Feed Proは、あなたのサイトにTwitterのコンテンツを表示する機能を拡張します。このプラグインの優れた機能をいくつかご紹介します：
- 設定が超簡単： プラグインをインストールし、設定し、数回クリックするだけで、横並びのTwitterフィードを表示することができます！
- すぐに使える このWordPress Twitterフィードプラグインは、テーマのデザインを自動的に継承します。そのため、あなたのブランドのビジュアルアイデンティティや既存のWordPressテーマと一貫性があります。
- 簡単にカスタマイズ可能： 当社のライブフィードカスタマイザーを使用すると、簡単に水平スクロールレイアウトを有効にしたり、色を変更したり、ボタンのレイアウトを設定したりすることができます。
- コードを扱うことなくTwitterフィードを追加できます： プラグインに用意されているウィジェットを使えば、サイドバーやフッターにTwitterフィードのスクロールウィジェットを簡単に埋め込むことができます。
- SEOに最適化されています：このプラグインはSEOを念頭に置いて作成されているため、検索エンジンの検索結果で上位に表示されやすく、より多くの潜在顧客にアプローチすることができます。
- コンテンツを完全にコントロールできます： プラグインのモデレーション機能を使って、カスタムツイッターフィードに必要なツイートだけを表示できます。
このプラグインには他に何が付属しているかご存知ですか？フレンドリーで親切なサポートチームに連絡することができる。彼らは、あなたが手を差し伸べてくれる誰かを必要とするときはいつでも、いつでもあなたを助けることに専念している。
ツイッターをウェブサイトに統合するためにこのプラグインを使用するもう一つのクールな部分は？
Smash BalloonのTwitter Feed Proは、ソーシャルプルーフを表示するために、世界中の大手ブランドからも信頼されています。つまり、あなたは素晴らしい仲間に恵まれているのです！
ご覧のように、このTwitterフィードプラグインの助けを借りて、ソーシャルメディアプラットフォームからのコンテンツを簡単に埋め込むことができます。
ブランドのTwitterアカウントのエンゲージメントを高めたいですか？Twitter Feed Proを今すぐ入手しましょう！
ワードプレスに横長のX（ツイッター）フィードを埋め込む方法
以下の方法を使えば、数分でWordPressにローテーション・ツイートを設定できる。
始めよう。
ステップ1: Twitter Feed Proプラグインをインストールする
まず、Smash Balloon Twitter Feed Proプラグインを入手しましょう。プラグインをパソコンにダウンロードし、WordPressウェブサイトにインストールしてください。
WordPressプラグインのインストールについて復習が必要ですか？
あなたのサイトにWordPressプラグインをインストールする方法については、この有用なチュートリアルに従うことができます。ステップバイステップで説明されているので、簡単に行うことができます。
ステップ2：新しいTwitterフィードを作成する
ガイドされたフローを使えば、ウェブサイトに新しいTwitterフィードを簡単に作成できます。
まず、WordPressのダッシュボードからTwitter Feed " All Feedsメニューに移動します。
このページで、新規追加 ボタンをクリックします。
横型Twitterフィードの作成を続けるには、フィードの種類を選択する必要があります。
Twitter Feed Proを使えば、さまざまなフィードタイプから選ぶことができる：
- ユーザーのタイムライン：あなたのTwitterタイムラインから最近のツイートとリツイートを表示します。
- ハッシュタグ選択した特定のハッシュタグに基づいたツイートを表示します。
- 検索 検索キーワードを入力すると、一致するTwitterの投稿を埋め込むことができます。
例としてハッシュタグツイッターフィードを表示することにした。
Twitterフィードの種類を選択したら、「次へ」 ボタンをクリックします。
ステップ3：Twitterアカウントに接続する
Twitterアカウントと連携することで、Twitterのコンテンツをウェブサイトに表示することができます。
開始するには、ポップアップの接続 ボタンをクリックします。
クリックすると、プラグインはTwitterにリダイレクトする。そこで、プラグインにあなたのTwitterアカウントへの読み取り専用 アクセス権を与えることができる。
読み取り専用なので、Twitter Feed Proはあなたのアカウントに変更を加えることはできません。
Authorizeアプリのボタンをクリックし、Twitterアカウントに接続します。
アクセストークンやAPIを扱う必要はありません！
その後、プラグインはあなたのウェブサイトをもう一度開きますので、Twitterフィードの設定を完了することができます。
特定のユーザーアカウント、ハッシュタグ、検索キーワードなどを入力することで、ウェブサイトに表示する内容を選択できるようになった。
このチュートリアルでは、Twitterのハッシュタグ "#KEEB_PD "をポップアップに追加します。
ソースを追加したら、Next ボタンをクリックします。
ステップ4：横レイアウトを有効にする
ソースを接続すると、プラグインがお好みのテンプレートを選択するように尋ねます。
これらのテンプレートを使えば、Twitterフィードのユニークなデザインを素早く作成することができます。つまり、テンプレートを使って簡単にWordPressにTwitterカルーセルを追加できるのです。
Twitterフィードを横向きに表示するには、Simple Carousel テンプレートを選択し、Nextをクリックします。
これで、ツイッターフィードの横長レイアウトが可能になり、以下のようになります：
ステップ5：横型Twitterフィードのスタイル
WordPressツイッターフィードのカルーセルレイアウトの選択はお済みですか？素晴らしい！
このプラグインは、ライブフィードエディターで水平方向のTwitterフィードを開くので、そのデザインをカスタマイズすることができます。
左側には、すべてのカスタマイズオプションがあります。これらを使って、配色、フィードレイアウト、フィードサイズ、投稿数などを設定できます。
右側にはフィードのライブプレビューもあります。このように、あなたのTwitterフィードをリアルタイムでプレビューすることができます。
始めるには、左側のフィードレイアウトオプションを クリックします。
左側を下にスクロールすると、Twitterフィードを水平に設定するオプションがあります。
カルーセル設定 オプションでは、ナビゲーション矢印、ページネーションドット、自動再生の有効・無効を設定できます。
その下で、ツイート数、行数、カルーセルのサイズ、インターバル時間、ループのタイプなどを選択できる。
お好みのオプションを選択し、「保存」をクリックします。
もう一度メインオプションに戻るには、左上隅にあるカスタマイズ ボタンをクリックします。
それでは、新しいTwitterフィードの色を変えてみましょう。
左の「配色」 オプションでそれができる。
ここから、4つの異なるカラースキームからあなたの横のTwitterフィードを選択することができます。
- テーマから継承： ウェブサイトの色をコピーする
- 明るい：明るい背景に暗いフォント
- Dark：暗い背景と明るいフォント
- カスタム： 手動ですべての色を選ぶ
オプションから配色を選択し、「保存」をクリックして続行するだけです。
次に、上部にあるカスタマイズ ボタンをクリックして、もう一度メインオプションに戻ることができます。
ご覧のように、ライブフィードエディタを使って、Twitterフィードの残りの部分を簡単にカスタマイズすることができます。
ボタンを数回クリックするだけで、フィードのヘッダーの変更、ボタン数の追加、Twitterカードのデザイン変更など、さまざまな設定が可能です。複雑なコードを扱う必要も、開発者に依頼する必要もありません。
横スクロールTwitterフィードの外観に満足したら、保存 ボタンをクリックします。
ステップ6：WordPressに横型Twitterフィードを埋め込む
最後に、この横並びのTwitterフィードをあなたのウェブサイトに埋め込むことができます。
Twitter Feed Proを使えば、ウェブサイトのページ、サイドバー、フッターにフィードを表示できます。
WordPressのページに横型Twitterフィードを埋め込む
カスタムTwitterフィードを埋め込むには、プラグインのビジュアルフィードカスタマイザーを使うと簡単です。
まず、右上の埋め込み ボタンをクリックします。
Twitterフィードをページまたはウィジェットエリアに埋め込むかどうかを選択できるようになりました。さらに、このポップアップからショートコードをコピーすることもできます。
とりあえず、Add to a Page ボタンをクリックして続けます。
次に、横並びのTwitterフィードを埋め込むページを選択し、追加ボタンをクリックします。
WordPressエディターでページが開いているのが見えます。ここで、プラス（+）アイコンをクリックして、新しいコンテンツブロックを追加できるようにします。
その後、検索ボックスに「twitter feed」と入力し、Twitter Feedウィジェットをクリックしてフィードを埋め込みます。
公開」または「更新」 ボタンをクリックする前に、自由にページの内容を編集し、すべてが見栄え良くなっていることを確認してください。
そうすれば、ウェブサイトの訪問者は、あなたのウェブサイトにアクセスするたびに、あなたの水平方向のTwitterフィードを見ることができます。
サイドバーやフッターにTwitterフィードを埋め込む
Twitterフィードウィジェットとしてサイドバーやフッターにフィードを追加したい場合は、ライブフィードエディタを使用することもできます。
WordPressダッシュボードからTwitterフィード " すべてのフィードメニューに移動します。
次に、埋め込みたい横向きのTwitterフィードをクリックする。
今、このTwitterフィードWordPressプラグインは、もう一度ライブエディタでフィードを開きます。
前回同様、上部にある埋め込み ボタンをクリックして次に進む。
ポップアップで、Twitterフィードをウィジェットとして埋め込むかどうかを選択できます。次に、「ウィジェットに追加 」ボタンをクリックします。
そうすると、プラグインはウィジェットページを開き、そこでWordPressウェブサイトのすべてのウィジェットを管理することができます。
Twitterフィードの埋め込みを開始するには、サイドバーパネルを クリックしてください。
フッターに フィードを埋め込みたい場合は、フッターパネルを クリックすることもできます。
この例ではフッターを使うことにする。
サイドバーまたはフッターに新しいウィジェットを追加するには、プラスアイコン（+）をクリックしてください。
最後に、Twitter Feed ウィジェットを探してクリックする。
変更内容を確認するには、「更新」 ボタンをクリックします。
これで、ウェブサイト訪問者があなたのウェブサイトをチェックアウトすると、このように埋め込みTwitterタイムラインが表示されます：
それで終わりだ！
あなたのサイトに横スクロールのTwitterフィードを簡単に追加する方法がわかりました。Twitter Feed Proを使えば、たった数分で様々な方法でTwitterのコンテンツを埋め込むことができます。
これだけで、Twitterのエンゲージメントを高め、ブランド認知度を向上させることが容易になり、長期的にビジネスを成長させることができます。
Twitterフィードを埋め込む準備はできましたか？今すぐTwitter Feed Proを使い始めましょう。
ソーシャルメディアのフィードを表示する方法をもっと知りたいですか？WordPressにInstagramのフィードを埋め込む方法については、こちらのガイドに従ってください。
WordPressにおけるHorizontal X/Twitterフィードに関するよくある質問
Xには、横向きのフィードレイアウトが標準で搭載されていますか？
Xのネイティブ埋め込み機能は、縦方向のタイムラインのみに対応しています。公式の横方向スクロールやカルーセル形式のオプションはありません。WordPressでTwitterフィードを横方向スクロール形式で表示するには、「Smash Balloon Twitter Feed Pro」のようなプラグインが必要です。このプラグインには、すぐに使えるカルーセルテンプレートが組み込まれています。
WordPressでTwitterフィードを横方向にスクロールさせるにはどうすればいいですか？
Smash Balloon Twitter Feed Pro を使用する場合、フィードの設定時に「Simple Carousel」テンプレートを選択します。これにより、ツイートが横並びのレイアウトで表示され、自動再生、ナビゲーション矢印、ページネーションドットをオプションで追加できます。ライブエディタから、コードを一切変更することなく、表示されるツイートの数、スクロール速度、カルーセルのサイズを調整できます。
カルーセルに一度に表示されるツイートの数を調整するにはどうすればよいですか？
ライブエディタ内の「フィードレイアウト」設定では、一度に表示するツイートの数、表示する行数、各カードのサイズ、自動再生の間隔を細かく設定できます。多くのサイトでは、1画面あたり3～5件のツイートを表示しており、情報過多にならず、かつフィードに活気があるように感じられるようにしています。
ツイッター・マーケティングの人気チュートリアル＆ガイド
- スマッシュ・バルーンのカスタムTwitterフィードを無料で入手する方法
- ツイッターのエンゲージメントを高める方法
- レスポンシブTwitterウィジェットをウェブサイトに埋め込む方法
- ツイッターで簡単にお金を稼ぐ実証済みの方法（専門家のおすすめ）
- X（ツイッター）リストをウェブサイトに埋め込む5つのステップ
今すぐ横長のX/Twitterフィードの埋め込みを始めましょう
WordPressサイトに横向きのカルーセルを設置することは、手軽にデザインを向上させる方法の一つです。
カルーセルテンプレートを選択してアカウントを連携させれば、あとはフィードが自動的に更新され、新しいツイートを投稿するたびに自動的に取り込まれます。
「Smash Balloon Twitter Feed Pro」を使えば、コーディングなしでこれを実現できます。フィードのレイアウトが重要なサイトでは、私がこのプラグインを使用していますが、設定には本当に5分程度しかかかりません。
「Smash Balloon Twitter Feed Pro」を入手する →
