WordPress用の6つ以上の最高のTwitterプラグインとウィジェット

公開: 2021-06-24

WordPressのTwitterウィジェットを使用すると、最近のツイート、または特定のハッシュタグやリストなどのツイートをWebサイトに表示できます。 これは、一種のユーザーエンゲージメントループを作成するのに役立ちます。Webサイトの訪問者はTwitterであなたとつながり、そこであなたが投稿したコンテンツをさらに見て、Webサイトに戻ることができます。 この記事では、WordPress用のTwitterウィジェットを作成できるプラグインについて説明します。また、同様のウィジェットを手動で追加する方法についても説明します。

WordPressでTwitterウィジェットを作成するための6つのプラグイン

このセクションでは、WordPress用の6つのお気に入りのTwitterウィジェットについて詳しく説明します。 次に、プラグインを使用せずに、コンテンツまたはWebサイトにTwitterウィジェットを追加するいくつかの方法について説明します。

カスタムTwitterフィード

ツイッターウィジェットワードプレス

カスタムTwitterフィードプラグインは、WordPressテーマのスタイルに一致する方法でツイートを表示します。 自分のツイート、別のTwitterアカウントからのフィード、またはハッシュタグフィードを表示できます。 特に便利なのは、Twitterフィードが検索エンジンによってクロール可能になることです。つまり、WebサイトのSEOパワーを高めることができます。

フィードをカスタマイズして幅と高さを変更できます。また、色、ヘッダーテキスト、フォントオプション(テキストの太さやサイズなど)を選択することもできます。 リスト、カルーセル、石積みの3つのレイアウトから選択できます。

ソーシャルメディアプラグイン

非表示または表示を選択できる要素もいくつかあります。

  • 著者名
  • アバター画像
  • 日にち
  • メディアプレースホルダー
  • 引用されたツイートボックス
  • リツイートされたテキスト
  • ツイートアクション(返信、リツイート、いいね)
  • ツイートテキスト
  • 「Twitter」リンク
  • Twitterのロゴ

メディアでツイートを表示したり、Twitterカードを表示したり、自動スクロールを有効にしたりするなど、より多くの機能を提供するプラグインのProバージョンがあります。 プロアカウントは年間49ドルから始まります。

それらを社会的に養う

ツイッターウィジェットワードプレス

Feed Them Socialプラグインを使用すると、Facebookページ、Instagram、YouTubeとともに、Twitterのソーシャルフィードを表示できます。 フィードには、フォローボタンとフォロワー数に加えて、プロフィール写真を表示することもできます(ただし、非表示にすることもできます)。 リンクとテキストの色を変更したり、フィードの幅とパディングを調整したりするなど、デザインを微調整することもできます。

Feed Them Socialは無料ですが、50ドルから始まるプレミアムバージョンもあり、複数のフィードを表示したり、各ソーシャルフィードに表示するアイテムの数を決定したりするなどの追加機能があります。

Jetpack:共有ボタンを追加する

ソーシャルメディアプラグイン

Twitter共有ボタンをWebサイトに追加する場合は、Jetpackプラグインを使用して設定できます。 プラグインをインストールしてアクティブ化すると、左側のサイドバーの上部にあるJetpackに移動します。 その下にある[設定]を選択し、ページ上部のタブから[共有]を選択します。

ツイッターウィジェットワードプレス

次に、[共有ボタン]モジュールをオンに切り替えます。 その後、[共有ボタンの構成]をクリックします。

ソーシャルメディアプラグイン

これにより、WordPress.comにリダイレクトされる場合があります。ここで、サインインしてから選択を行います。 ここで行うことはすべて、通常のWordPress.orgWebサイトに表示されます。 ユーザー名を設定し、「いいね」と共有ボタンを表示する場所を選択し、ボタンのスタイルを選択します。

ツイッターウィジェットワードプレス

ツイートのローテーション

ソーシャルプラグイン

ツイートの長いフィードを表示せず、一度に1つだけ表示したい場合は、RotatingTweetsプラグインが適しています。 表示するツイートを決定できます。最新のツイートを表示した後、最初のツイートにループバックして、もう一度再生します。 カスタマイズオプションは次のとおりです。

  • 表示するツイートの数
  • リツイートや返信を含める、または除外する
  • フォローボタンの表示または非表示
  • ツイートのローテーションの速度
  • アニメーションの種類

これはWordPress用の別のタイプのTwitterウィジェットであるため、このWebサイトにアクセスするとどのように表示されるかを知ることができます。

ソーシャルストリームデザイナー

ツイッターウィジェットワードプレス

Social Stream Designerプラグインは、Twitterやその他のソーシャルメディアプラットフォームのホストをサポートし、幅広いレイアウトとレイアウト設定を提供するため、フィードを希望どおりに表示できます。 選択できるレイアウトタイプは6つあり、ドラッグアンドドロップビルダーを使用して、選択したレイアウトのコンテンツをカスタマイズできます。

ソーシャルプラグイン

ツイッターウィジェットワードプレス

出典:CodeCanyon

Twitterの場合、次の情報を表示できます。

  • ホームタイムライン
  • ハッシュタグフィード
  • フィードが好き
  • ユーザーフィード
  • ユーザーリスト

プラグインは6か月のライセンスで11ドルから始まり、ほとんどの人にとって確かに手頃な価格です。 また、Twitter(またはその他のソーシャルメディア)がマーケティングで大きな役割を果たしている場合、または離れたくない非常に具体的なブランディングがある場合は、美しくパーソナライズされたレイアウトを取得するのが難しい優れた方法です。他のツールを使用してください。

WPからTwitterへ

ソーシャルプラグイン

最新のコンテンツをソーシャルメディアに投稿するのに役立つWordPressプラグインはたくさんありますが、すべてのプラグインにソーシャルフィードをWebサイトに追加する機能があるわけではありません。 WP toTwitterプラグインは両方を行います。 WordPress用のTwitterウィジェットを作成する場合、次のことができます。

  • 自分のアカウントまたは別のアカウントからの最近のツイートを表示します。
  • 検索に基づいてツイートを表示します。
  • ジオロケーションによって検索ベースのツイートを制限することを選択します。
  • ツイートのURLを短くします。

コンテンツをWordPressに公開すると、WP to Twitterを使用して、カスタマイズされたツイートを送信することもできます。 年間49ドルから始まるアプリのプロバージョンがあり、ソーシャルメディアでのコンテンツのマーケティングに関してより多くの機能を提供します。

WordPress用のTwitterウィジェットを手動で追加する方法

プラグインを使用してTwitterウィジェットをWordPressに追加したくない場合は、埋め込む代わりに手動で追加できます。 これを行うには2つの方法があります。

これらの指示はグーテンベルク編集者向けであることに注意してください。

オプション1:リンクをコピーして貼り付け、WordPressでTwitterウィジェットを作成します

TwitterのリンクをコピーしてWordPressに直接貼り付けると、自動的に埋め込みウィジェットになります。 たとえば、プロファイルURL(以下の例ではhttps://twitter.com/elegantthemes)をコピーして、WordPressページに貼り付けると、次のように自動的に更新されます。

ツイッターウィジェットワードプレス

同じことを行って、個々のツイートを埋め込むことができます。

ソーシャルプラグイン

必要に応じて、URLをコピーしてグーテンベルクの専用Twitterブロックに貼り付けることができます。 結果は上記の例と同じように見えます。

ツイッターウィジェットワードプレス

他に何か欲しいですか? 同じ方法で、リスト、お気に入り、瞬間、またはハッシュタグからフィードを埋め込むことができます。URLを取得してWordPressに貼り付けることです。

この方法は、URLをコピーしてテキストウィジェットに貼り付ける場合にも機能します(以下を参照)。 ただし、ウィジェット内の1つのツイートにURLをコピーして貼り付けようとすると、数秒後に消えてしまうため、永続的にそこにとどまっていることを再確認してください。

ツイッターウィジェットワードプレス

オプション2:TwitterPublishを使用してWordPressでTwitterウィジェットを作成する

リンクを直接WordPressにコピーして貼り付けることができない場合は、別のオプションがあります。 このプロセスでは、ユーザーがTwitterコンテンツを埋め込むことができるようにURLを提供する目的で、Twitterが所有するWebサイトであるTwitterPublishを使用します。

ツイッターウィジェットワードプレス

TwitterPublishにアクセスします。 埋め込みボックスに、埋め込みたいフィードのURLを貼り付けます。 他の種類のTwitterフィードを埋め込むこともできます。ドロップダウンメニューには、さまざまな種類のフィードを表示するようにURLを構成する方法が表示されます。

ツイッターウィジェットワードプレス

URLを追加したら、矢印アイコンをクリックします。

ソーシャルプラグイン

2つの表示オプションから、[埋め込みタイムライン]を選択します。

ツイッターウィジェットワードプレス

これにより、埋め込みコードが生成されます。 そのまま使用することも、カスタマイズすることもできます。 カスタマイズには、ウィジェットの高さと幅の変更、明るいバージョンまたは暗いバージョンの選択、表示言語の選択が含まれます。

ソーシャルプラグイン

ウィジェットが希望どおりに表示されたら、[コードのコピー]ボタンをクリックします。

ツイッターウィジェットワードプレス

TwitterウィジェットをWordPressWebサイトに追加するには、コードをページ、投稿、またはウィジェット領域に貼り付けます。 以下の例では、埋め込みコードがカスタムHTMLウィジェットに追加されています。 グーテンベルクエディターを使用するページまたは投稿では、埋め込みコードをカスタムHTMLブロックに貼り付ける必要があります。

ソーシャルプラグイン

TwitterのフォローボタンをWordPressに手動で追加する方法

プラグインを使用せずにTwitterボタンをWordPressに追加する場合、プロセスはTwitterPublishを使用してフィードまたはツイートを手動で追加するのと同様です。

TwitterPublishにアクセスします。 埋め込みフィールドの下にある[Twitterボタン]オプションをクリックします。

ツイッターウィジェットワードプレス

Webサイトに追加するボタンの種類を選択します。 この場合、[フォローボタン]を選択します。

ソーシャルプラグイン

TwitterプロファイルのURLをフィールドに貼り付けて、[プレビュー]をクリックします。

ツイッターウィジェットワードプレス

次に、コピー可能な埋め込みコードと、ボタンのプレビューを取得します。

ソーシャルプラグイン

ボタンをページまたは投稿に追加するには、埋め込みコードをカスタムHTMLブロックに貼り付ける必要があります。 HTMLとしてのみ表示されますが、投稿をプレビューすると(右上で、[プレビュー]> [新しいタブでプレビュー]に移動)、実際のボタンが表示されます。 WordPressのバックエンドとフロントエンドでは次のようになります。

ツイッターウィジェットワードプレス

ソーシャルプラグイン

ボタンをウィジェットとして追加する場合は、カスタムHTMLウィジェットを使用します。 ボタンはプレビューにすぐに表示されます。

ツイッターウィジェットワードプレス

Twitterプラグインを使用するためのベストプラクティス

気に入ったTwitterプラグインを見つけたら、次のベストプラクティスを念頭に置いてください。 ここでの唯一の例外は、WordPress Webサイトの唯一の目標がTwitterへのトラフィックを増やすことである場合です(おそらくそうではありません)。

Twitterフィードであなたのウェブサイトをオーバーランしないでください。

はい、コンテンツが自動生成されるため、サイトに別のアカウントとハッシュタグフィードを追加したくなります。つまり、コンテンツを最新の状態に保つために何もする必要はありません。 ただし、フィードは気を散らすものではなく、サイトに付加価値を与えるものでなければなりません。

ソーシャルボタンの使用を制限します。

すべてのソーシャルプロファイルに「いいね」とアクションベースのボタンを配置することは、特にすべてのページにある場合は、少し大変です。 追加するソーシャル共有ボタンを戦略的に使用します。

ボーナス:Yoastを使用してブログ投稿用のTwitterカードを作成する

seoプラグイン

Twitterカードはツイートの強化版であり、写真、ビデオ、その他のメディアを追加して、サイトへのトラフィックを増やすことができます。 さて、これはWordPressサイトのウィジェットではありませんが、WordPressを使用してコンテンツがTwitterにどのように表示されるかに影響を与える方法であるため、この記事に含める価値があると考えました。

ツイッターウィジェットワードプレス

出典:Twitter開発者プラットフォーム

Yoast SEOプラグインを使用すると、Twitterカードを有効にして、WordPressと統合できます。 プラグインをインストールしてアクティブ化した後、左側のサイドバーのSEOに移動し、その下にある[ソーシャル]をクリックします。

ソーシャルプラグイン

Twitterのユーザー名を入力し、[変更を保存]をクリックします。

ソーシャルプラグイン

上部の[Twitter]タブをクリックします。 [Twitterカードのメタデータの追加]が有効になっていることを確認してから、使用するカードのデフォルトの種類を選択します。 2つのオプションがあります。要約のみ、または大きな画像を含む要約です。

ツイッターウィジェットワードプレス

左側のサイドバーで、[ユーザー]> [プロファイル]に移動し、[連絡先情報]が表示されるまで下にスクロールします。 そのセクションの下で、指定されたフィールドにTwitterユーザー名を追加します。

ソーシャルプラグイン

これで、誰かがあなたのWordPressブログ投稿の1つについてツイートすると、そのためのTwitterカードが作成されます。

TwitterウィジェットをWordPressに追加することについての最終的な考え

ソーシャルメディアは2つの主な理由で強力です。 まず、検索エンジン以外のソースからユーザーをWebサイトに誘導します。 第二に、フォロワーはあなたのウェブサイトのチャットやチケットシステムのようなものを経由せずにあなたと直接対話することができます。 多くのブランドや個人にとって、Twitterはこれらの両方の目標を達成するためのマーケティングプラットフォームです。 そして、あなたが良いサイズのフォロワーを持っているとき、Twitterでのあなたのリーチは印象的であり、それはあなたのウェブサイトへの大量のトラフィックを促進することができます。

しかし、Twitterに投稿し、そのコンテンツをTwitterフィードに残しておくだけでは不十分な場合は、WordPress用のTwitterウィジェットが次のステップとして自然に機能します。 それらを追加すると、トラフィックが双方向に流れるようになり、Webサイトのコンテンツに注目するにつれて、Twitterでのフォロワー数とエンゲージメント率が向上します。

Twitterをもっとうまく機能させたいですか? Twitterのトレンドハッシュタグをマーケティングに使用する方法についての記事をチェックしてください…スパムのようには見えません。