プラグインを使わずに、WordPressにX（Twitter）フィードを簡単に追加する方法をお探しですか？
Twitterのコンテンツをサイトに埋め込むことは、貴重な社会的証拠を示し、オーディエンスの関心を引き続ける素晴らしい方法です。
ソーシャルフィードの埋め込みに数年間携わってきたデジタルマーケッターとして、ツイッターフィードを手動で追加するのは、特に技術に精通していなければ難しいことだと知っている。
さらに、Twitterフィードを埋め込む方法に関するほとんどのWordPressチュートリアルは、新規ユーザーが始めるには専門的すぎる場合があります。
この記事では、プラグインを使わずにWordPressにTwitterフィードを追加する方法を紹介する。さらに、時間や労力、コーディングがさらに少なくて済むボーナス的な方法も紹介しよう。
この記事の中で
- Twitterフィードはプラグインを使うべきか、使わないべきか？
- WordPressウェブサイトにTwitterフィードを追加する最も簡単な方法
- ツイッターを埋め込む最良の方法：TwitterのWordPressプラグインを使う
- プラグインなしでWordPressにTwitterフィードを追加する
Twitterフィードはプラグインを使うべきか、使わないべきか？
WordPressのプラグインは少ない方が良いという話を聞いたことがあるかもしれない。
お粗末にコーディングされたプラグインはサイトの速度を低下させますが、専門的なプラグインは、あなたのウェブサイトを高速に保ちながら、実際に時間を節約することができます。
実は、WordPressサイトのプラグインの数は、サイトのスピードやパフォーマンスにほとんど直接影響しません。最も重要なのはプラグインの質なのです。
最高のWordPressプラグインは、テストされ、速度のために最適化されています。つまり、Smash BalloonのTwitter Feed Proプラグインを使ってサイトにTwitterフィードを追加しても、サイトに悪影響を与えることはありません。
プラグインを使わずにWordPressにTwitterフィードを追加するデメリットは以下の通りです：
- 簡単ではありません：プラグインなしでWordPressにTwitterフィードを追加するのははるかに困難です。Twitter Feed Proを使えば、数回のクリックでソーシャルフィードを設定できる。
- 埋め込みコードを紛失する可能性があります：手動でTwitterフィードを埋め込むには、URLをコピーしてサイトにコードを追加する必要があります。しかし、WordPressのテーマを変更した場合、コードを追加し忘れたり、新しいテーマが対応していない可能性があります。Twitter Feed Proを使えば、そのような問題は起こりません。
- 手動でTwitterの埋め込みをカスタマイズすることはあまりできず、より多くのカスタマイズオプションのために開発者を雇う必要があるかもしれません。Twitter WordPressプラグインを使えば、コードを知らなくても簡単にウェブサイトをカスタマイズすることができます。
WordPressウェブサイトにTwitterフィードを追加する最も簡単な方法
WordPressにTwitterフィードを追加する簡単な方法をお探しですか？
WordPressの最高のTwitterフィードプラグインであるSmash Balloon Twitter Feed Proを使えば、あなたのウェブサイトにフィードを表示することができます。
Twitter Feed Proプラグインを使えば、Twitterのコンテンツを簡単にサイトに埋め込むことができます：
- 無制限のTwitterフィード：このカスタムツイッターフィードプラグインを使えば、制限なく同じページやウェブサイト全体に好きなだけフィードを表示できます。
- ユーザーフレンドリー：プラグインはとても使いやすいので、WordPress初心者でも数分でTwitterフィードを作成できます。
- 豊富なフィードタイプ： ユーザータイムライン、ハッシュタグフィード、リスト、さらには高度な検索条件から、最新のツイートやリツイートを魅力的なTwitterフィードで表示します。
- 複数のフィードレイアウト：複数カラムのメーソンリーレイアウト、スクロールカルーセル、またはシングルカラムのリストでフィードを表示します。
- SEO対策済み：関連キーワードでカスタムTwitterフィードを表示することで、検索エンジンの検索結果で上位に表示され、より多くの人にリーチできます。
- コード不要のカスタマイズ：このTwitterプラグインのビジュアルカスタマイザーを使って、コードを一行も書くことなく、フィードの色、フォント、ボタン、ツイートスタイル、パディングなどをコントロールできます。
実際、世界有数の大企業も、スマッシュ・バルーンのソーシャルメディア・フィード・プラグインを使って、ソーシャルメディア・コンテンツをウェブサイト上で紹介しています：
WordPressにTwitterフィードを埋め込む準備はできましたか？Twitter Feed Proで始めましょう。
それでは、WordPressウェブサイトにTwitterフィードを追加する最も簡単な方法を見ていきましょう。
ツイッターを埋め込む最良の方法：TwitterのWordPressプラグインを使う
WordPressにX（Twitter）フィードを追加するプラグインを使うという簡単な方法をお望みなら、その方法もご用意しています。
以下のWordPressチュートリアルのステップに従うだけで、WordPressウェブサイトにTwitterフィードを簡単に表示できます。
ステップ1: Smash Balloon Twitter Feed Proをダウンロードしてアクティベートします。
まずは、ここをクリックしてSmash BalloonのTwitter Feed Proを使い始め、プラグインをコンピューターにダウンロードしてください。
その後、WordPressウェブサイトにプラグインをアップロードする必要があります。プラグインのアップロードについては、WordPressプラグインのインストールガイドをご覧ください。
ステップ2：Twitterフィードを作成する
このプラグインを使えば、ガイドされたフローに従っていくだけで、あなたのウェブサイトに新しいTwitterフィードを作成することができます。
まず、WordPressのダッシュボードエリアからTwitter Feed " All Feeds メニューを開きます。
新しいページで、新規追加 ボタンをクリックする。
その後、ウェブサイトに表示するTwitterフィードの種類を選択できます：
- ユーザーのタイムライン特定のTwitterアカウントによる最近のツイート
- ハッシュタグ ツイッターの公開ハッシュタグのフィード
- 検索高度なTwitter検索に基づくフィード
- リスト 公開されているTwitterリストのコンテンツを表示する
作成したいフィードタイプをクリックし、「次へ」ボタンをクリックします。
このチュートリアルでは、ユーザーのタイムラインフィードを作成します。
このように、あなたのウェブサイトにツイッター・フィードができました。
ステップ3: ツイッターアカウントをリンクする
次のステップでは、Twitterアカウントをこのプラグインに接続する。
そうすれば、Twitter Feed ProはTwitterのコンテンツをウェブサイトに表示することができます。
開始するには、接続 ボタンをクリックします。
このプラグインはTwitterを開き、あなたのTwitterアカウントへの読み取り専用 アクセスを要求する。
このアクセス権を使用すると、Twitter Feed ProはTwitter上の情報のみを表示し、アカウントに変更を加えることは一切できません。
読み取り専用アクセスを許可するには、ポップアップの「Authorize app」 ボタンをクリックします。
そうすることで、ウェブサイトに戻ることができ、どのTwitterコンテンツをウェブサイトに表示するかを選択することができます。
ポップアップで、埋め込みたいTwitterのハンドルネーム、ハッシュタグ、検索キーワードを入力します。
この例では、「@starbucks」のツイッター・ハンドルをここに入力します。
そうしたら、「次へ 」をクリックして進みます。
ステップ4：カスタマイズの選択
今すぐTwitterフィードを公開すれば、すぐに素敵なTwitterフィードが完成します。これは、Twitter Feed Proが現在のウェブサイトのデザインに適応するためです。
さらに、ワンクリックでインポートできるデザイン済みのTwitterフィードテンプレートも用意されている。
美しいTwitterフィードを簡単に作成できるよう、7つのテンプレートからお選びいただけます：
- デフォルト
- 石工
- シンプルなカルーセル
- シンプルなカード
- ショーケース・カルーセル
- 最新ツイート
- ウィジェット
お好みのフィード・テンプレートを選択し、「次へ」 ボタンをクリックします。
その後、ライブフィードエディターを使って、Twitterフィードをさらに設定することができる。
HTMLやCSSなどのコードは一切不要で、フィードのカラースキーム、レイアウト、ヘッダースタイル、ロードモアボタンなどを変更するオプションがすぐに表示されます。
右側に、新しいTwitterフィードのライブプレビューが表示されます。
フィードのカスタマイズを始める準備はできましたか？
まず、左のパネルにあるフィードレイアウトオプションを クリックします。
ここから、フィードのレイアウトを選択し、ウェブサイトにツイートを表示する方法を決めることができます。
Twitter Feed Proでは、3つのオプションから選ぶことができます：リスト、メイソンリー、カルーセルの3種類から選べます。
リストレイアウトでは 、ツイートのリストを1つのカラムに埋め込むことができます。そうすれば、あなたのツイートはウェブサイト上でより多くのスペースを確保できます。
2つ目のオプションは、Twitterのコンテンツを複数のカラムに埋め込むことができるメイソンレイアウト です。さらに、一度に大量のツイートを表示することもできます。
また、カルーセルレイアウトを選択し、Twitterのコンテンツをスライド式のカルーセルで表示することもできます。その結果、あなたのサイトをより魅力的なものにすることができます。
使用したいレイアウトを選択し、「保存」をクリックするだけです。
投稿数、行数、列数などもここから変更できます。変更を保存する前に、自由に変更してください。
その後、上部にあるカスタマイズ ボタンをクリックして、もう一度メインのカスタマイズオプションに戻ります。
次に、ライブフィードカスタマイザーを使ってTwitterフィードの色を設定することができます。
左の配色オプションをクリックして、始めることができます。
Twitterフィードの色を素早く変更できる4つのカラースキーム：
- テーマからの継承： ウェブサイトのテーマの色をコピーする
- 明るい： 背景には明るい色を使い、フォントには暗い色を使う。
- 暗い: 暗い背景と明るいフォントでフィードを表示します。
- カスタム： 手動ですべての色を自分で選択
ここでオプションをチェックし、お好みの配色を選択してください。個人的にはInherit from Themeの 配色が好きなので、Twitterフィードが即座に自分のサイトにマッチします。そして前回同様、保存 ボタンをクリックして変更を確定する。
その後、ライブフィードエディタを使って、ヘッダー、ライトボックス、ボタン、ツイートボックス、フィードサイズなどをカスタマイズできます。自分のTwitterフィードに満足したら、もう一度保存をクリックしてデザインを確定します。
ステップ5: ツイッターフィードを公開する
このプラグインを使ってWordPressにTwitterフィードを追加するには、以下の2つの方法があります：
- TwitterフィードWordPressブロック：WordPressのブロックエディタを使って、フィードをページに追加できます。
- Twitterフィードウィジェット：内蔵のウィジェットで、WordPressのサイドバーやフッターにフィードを追加できます。
これらの両方の方法を使用してTwitterフィードを埋め込むには、ライブフィードエディタを使用することができます。
上部の埋め込み ボタンをクリックしてください。
Twitter Feed Proがポップアップを表示し、Twitterフィードの埋め込み方法を選択できます。ここからショートコードをコピーすることもできます。
WordPressのページに埋め込むには、こちらの「ページに 追加」ボタンをクリックしてください。
次に、サイト上のWordPressページのリストが表示されます。
フィードを埋め込むページを選択し、下の追加 ボタンをクリックしてください。
そうすると、ブロックエディターでワードプレスのページが開きます。
新しいWordPressブロックを追加するには、 プラス（+）アイコンをクリックします。
上部の検索バーで「twitter feed」 ブロックを探す。
検索結果から、Twitter FeedWordPressブロックをクリックしてページに追加します。
最後に、「Publish」または「Update」 ボタンをクリックすると、Twitterフィードがオンラインになります。
これで、WordPressのページを開くと、このように公開されたTwitterフィードが表示される：
WordPressのサイドバーにTwitterフィードを追加するには、ライブフィードエディターでTwitterフィードを開きます。
WordPressのダッシュボードからTwitterフィード " すべてのフィード メニューに移動して、利用可能なすべてのTwitterフィードを表示することができます。
次に、先ほど作成したフィードをクリックする。
この方法で、ライブフィードエディターでTwitterフィードを開くことができます。
ここから、上部にある埋め込み ボタンをクリックして開始します。
先ほどと同じように、Twitterフィードの場所を選択できるポップアップが表示されます。
Twitterフィードをウィジェットとして埋め込むには、ここでウィジェットに追加 オプションをクリックできます。
ウィジェットページが開き、WordPressウィジェットの追加、削除、編集ができます。
サイドバーにTwitterフィード・ウィジェットを表示したいですか？サイドバーパネルを クリックしてください。
代わりにフッターパネルを クリックして、そこにツイッターフィードを埋め込むこともできる。
新しいウィジェットを追加するには、下部にあるプラス（+）アイコンをクリックします。
そこからTwitter Feedウィジェットを見つけてクリックする。
設定を保持するには、忘れずに「更新」をクリックしてください。
最後に、ウェブサイトを開いて、新しいTwitterフィードウィジェットの外観を確認できます。
プラグインなしでWordPressにTwitterフィードを追加する
ご覧の通り、WordPressプラグインを使ってTwitterフィードを設定するのは賢いアイデアです。しかし、WordPressのTwitterプラグインを使わずにフィードを追加したい場合は、以下の簡単な手順に従ってください。
ステップ1: Twitter Publishのウェブサイトにアクセスする
最初のステップは、Twitter Publishの公式サイトにアクセスすることです。
ここから、ウェブサイトに追加できるTwitterの埋め込みコードを生成できる。
ステップ 2: 埋め込みオプションの選択
次に、ページを下にスクロールすると、さまざまな埋め込みオプションが表示されます：
- 埋め込みツイート：単一のツイートまたはTwitterスレッド
- 埋め込みタイムライン：Twitterプロフィールからの完全なユーザータイムライン
- ツイッターボタンTwitterフォローボタン
ここでお好みの埋め込みオプションをクリックしてください。この例では、埋め込みタイムラインオプションを使用します。
ステップ 3: ツイッターのURLを入力
ご希望の埋め込みオプションをクリックすると、ライトボックスのポップアップが表示され、URLを貼り付けるよう求められます。
このボックスに、ウェブサイトに表示したいTwitterフィードのURLを入力し、プレビュー ボタンをクリックします。
ステップ4: ツイッター埋め込みコードをコピーする
次の画面では、Twitterフィードのプレビューが表示されます。プレビューの上には、ウェブサイトに追加するTwitterの埋め込みコードが表示されます。
青い「コードをコピー」ボタンをクリックして、埋め込みコードをクリップボードに保存します。
ステップ5：WordPressにTwitter埋め込みコードを追加する
最後のステップは、WordPressウェブサイトにTwitter埋め込みコードを貼り付けることです。これは、新しい投稿、ページ、またはウィジェットにコードを追加することで行うことができます。
Twitterフィードを新しいページに追加するには、WordPressのダッシュボードからページ " 新規追加に移動します。
代わりにWordPressの投稿を使用するには、ダッシュボードからページ " 新規追加 メニューに進みます。
WordPressのブロックエディターで新しいページまたは投稿を開きます。
ここから、Twitterフィードの埋め込みを開始できます。まず、プラス（+）アイコンをクリックして、新しいWordPressブロックを追加します。
検索結果のカスタムHTMLブロックをクリックする前に、検索ボックスで「カスタムHTML」を 検索してください。
新しいブロックの中に、先ほどコピーしたTwitterの埋め込みコードを貼り付けるだけ です。
最後に、Publish ボタンをクリックしてこのページを保存します。このページを開いて、Twitterフィードがどのように表示されるかを確認できます。
Twitterウィジェットを使えば、WordPressのサイドバーやフッターにTwitterフィードを手動で埋め込むこともできます。
これを行うには、ダッシュボードから外観 " ウィジェットメニューに移動します。
このページから、WordPressウィジェットを簡単に管理することができます。
サイドバーパネルを クリックして、Twitterウィジェットを埋め込みます。
フッターエリアにTwitterのコンテンツを表示したい場合は、代わりにフッターパネルを クリックすることもできます。
最後に、プラス（+）アイコ ンをクリックして新しいウィジェットを追加し、オプションからカスタムHTML ウィジェットをクリックします。
前回と同様に、先ほどコピーしたTwitterの埋め込みコードを貼り付けると、WordPressがあなたのTwitterフィードをウィジェットとして埋め込みます。
更新] をクリックして、設定を保存することを忘れないでください。公開されたウィジェットをプレビューすると、次のようになります：
ご覧の通り、この方法はかなり限定的で、カスタマイズのオプションもあまりありません。さらに、あなたのサイトでさまざまなツイートを表示したい場合は、たくさんの埋め込みコードを管理しなければなりません。
そうだ！
プラグインを使わずにWordPressにTwitterフィードを追加する方法を学びました。これで、ウェブサイトの訪問者にTwitterの関連コンテンツを提供することができます。
しかし、WordPressサイトにTwitterの投稿を簡単に埋め込みたいのであれば、プラグインを使えばずっと簡単になる。プラグインを使えば、コーディングは不要で、数回クリックするだけです。
WordPressウェブサイトにTwitterフィードを簡単に埋め込む準備はできましたか？今すぐTwitter Feed Proを始めましょう。
予算が限られていますか？Twitter Feed Proの無料版であるSmash Balloon Custom Twitter Feedsなら、お金をかけずに利用することもできます。
Twitter Feeds Liteを無料で試してみませんか？
カスタムツイッターフィードを無料でインストールするには、WordPressウェブサイトのURLを入力してください。
この無料プラグインで作成できるTwitterフィードは、1つの公開Twitterアカウントのみです。複数のユーザーのツイートを埋め込みたい場合は、Twitter Feed Proをご利用ください。
簡単にすべての時間でより多くの Twitter のフォロワーを取得したいですか？あなたの Twitter のフォロワーを高める方法についての私達の簡単なガイドをチェックします。
ツイッターアカウントを増やすためのソーシャルメディアのヒントをお探しなら、今すぐツイッターのエンゲージメントを高める方法をご覧ください。
