WordPressのウェブサイト上に、すっきりとした横長のTwitterフィードを追加してみませんか？
最新のツイート、言及、あるいはハッシュタグストリームを、サイト上の洗練された横長レイアウトに配置することは、縦長のスペースを取らずにタイムリーな最新情報を紹介する素晴らしい方法です。
ソーシャルメディアマーケッターとして、私は、通常のTwitter埋め込みオプションを使ってTwitterフィードをウェブサイト上で思い通りに表示させることが難しいことを知っています。特に、横長のスライダーやカルーセルのような特定のレイアウトが必要な場合はなおさらです。
Smash Balloonでは、WordPress用の最高のソーシャルメディアフィードプラグインを作っています。私たちのプラグインを使えば、Twitterのようなサイトのコンテンツを、横長など様々なレイアウトで簡単に表示することができます。
この記事では、WordPressのウェブサイトに横並びのTwitterフィードを追加する簡単な方法をご紹介します。
そして何より、このガイドブックが最高だ。このガイドでは、すべてのステップを順を追って説明します。コーディング不要で、あなたのサイトに美しい横並びのTwitterフィードを素早く設置することができます。
この記事で
ツイッターのフィードを横並びにする最も簡単な方法
あなたのウェブサイトに手動で横並びのTwitterフィードを埋め込むのは自由です。しかし、そうすることは、次のような多くの制限を伴うことを知っておく必要があります：
- 設定が難しい： WordPressの横長レイアウトのテンプレートにツイートを手動で埋め込む場合、HTML、PHP、Javascript、カスタムCSSなど多くのコードを扱う必要があります。
- カスタマイズが難しい： Twitterのデフォルトのレイアウトとデザインに縛られる。そのため、Twitterフィードのレイアウトを横スクロールフィードに変更したい場合は、開発者を雇う必要があります。
- 危険：WordPressウェブサイトの埋め込みコードをいじろうとしたことがありますか？ほんの小さなミスをしただけで、恐ろしい「エラー」ページが表示され、修正に多くの時間とリソースを取られてしまうかもしれません。
- ツイートのコントロールが制限されています：ツイートを制限して、必要なコンテンツだけを表示したいですか？Twitterではこのようなこともできません。
- 誰もあなたを助けることを優先しないサイトがぐちゃぐちゃ？どうしたらいいかわからない？Twitterには、あなたをサポートする専門のサポートチームがありません。だから、自分で何とかするしかないのです。
Twitterが、Twitterフィードをサイトに水平に埋め込むことを困難にしているとしたら、最善の方法は何だろうか？
WordPressに最適なTwitterフィードプラグインを使えば、すべてが簡単かつ迅速になります：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アカウントのユーザーエンゲージメントを高めたいですか？
以下の手順に従って、WordPressに横並びのTwitterウィジェットフィードを埋め込んでください。
WordPressで横並びのTwitterフィードを埋め込む方法
以下の方法を使えば、数分でWordPressにローテーション・ツイートを設定できる。
始めよう。
ステップ1: Twitter Feed Proプラグインをインストールする
まず最初に、Twitter Feed Proプラグインを入手しよう。プラグインをパソコンにダウンロードし、WordPressのウェブサイトにインストールしてください。
WordPressプラグインのインストールについて復習が必要ですか？
あなたのサイトにWordPressプラグインをインストールする方法については、この有用なチュートリアルに従うことができます。ステップバイステップで説明されているので、簡単に行うことができます。
ステップ2：新しいTwitterフィードを作成する
ガイドされたフローを使えば、ウェブサイトに新しいTwitterフィードを簡単に作成できます。
まず、WordPressのダッシュボードからTwitter Feed " All Feedsメニューに移動します。
このページで、新規追加 ボタンをクリックします。
横型Twitterフィードの作成を続けるには、フィードの種類を選択する必要があります。
Twitter Feed Proを使えば、さまざまなフィードタイプから選ぶことができる：
- ユーザーのタイムライン：自分の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フィードの外観に満足したら、保存 ボタンをクリックします。
ステップ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フィードを埋め込む準備はできましたか？今すぐTwitter Feed Proを使い始めましょう。
ソーシャルメディアのフィードを表示する方法をもっと知りたいですか？WordPressにInstagramのフィードを埋め込む方法については、こちらのガイドに従ってください。
ツイッター・マーケティングの人気チュートリアル＆ガイド
- スマッシュ・バルーンのカスタムTwitterフィードを無料で入手する方法
- ツイッターのエンゲージメントを高める方法
- レスポンシブTwitterウィジェットをウェブサイトに埋め込む方法
- ツイッターで簡単にお金を稼ぐ実証済みの方法（専門家のおすすめ）
- ウェブサイトからTwitter/X投稿をスケジュールする方法（ステップバイステップ）
