WordPressにツイートを簡単に埋め込む方法(初心者向け)
クリック・ソーシャル

ClickSocialを使ってWordPressから直接ソーシャルメディア投稿をスケジュールする

無料トライアル開始 アングルライト
ホーム ブログ WordPressにツイートを簡単に埋め込む方法(初心者向け)

WordPressにツイートを簡単に埋め込む方法(初心者向け)

WordPressにツイートを簡単に埋め込む方法

WordPressサイトでツイートを紹介する簡単な方法をお探しですか?

ツイートを埋め込むことで、重要な会話を強調したり、最新情報を共有したり、訪問者にTwitterのフォローを促したりすることができます。

ツイッターのオーガニック・エンゲージメント率は平均わずか0.05%であるため、ツイッターのプラットフォームを超えてツイートを宣伝し、より多くの読者にリーチすることは理にかなっている。

しかし、WordPressの基本的なオプションや手動コードスニペットを使おうとすると、特に初心者にとってはすぐに混乱してしまう。

ツイッターのアカウントと自分のサイトをつなげようとしたとき、実際に機能する簡単な解決策を見つけるまでに何度もぶつかったことを覚えている。

スマッシュバルーンでは、これまで何千人ものWordPressユーザーを対象に、Twitterフィードのようなソーシャルメディアのスムーズな統合をご案内してきました。

この記事では、WordPressにツイートを埋め込むための初心者に優しい手順を紹介します。

この記事で

WordPressでツイートを埋め込む方法

まず最初に、WordPressにツイートを埋め込むには2つの方法があることを知っておく必要があります。

  • 手動で:ツイートのURLをコピーしてウェブサイトに貼り付けることができます。そうすれば、WordPressが自動的に埋め込んでくれる。残念なことに、複数のツイートを埋め込みたい場合は手間がかかります。
  • 簡単な方法 Twitter Feed Proプラグインを使えば、サイトに好きなだけツイートを追加できます。Twitterフィードを追加して、新しいツイートをすると自動的に更新されるように設定することもできます。

WordPressにツイートを埋め込む(手動)方法

ツイートを手動で埋め込むには、まずブラウザでツイートを開きます。次に、上部のアドレスバーでURLを探し、コピーする

コピーツイートURL

そうしたら、自分のウェブサイトに戻り、ツイートを埋め込む。

WordPressのダッシュボードから、ページ " 新規追加 メニューに移動し、WordPressエディタを開きます。

新しいページを追加する

WordPressの投稿を使うこともできます。その場合は、ダッシュボードから投稿 " 新規追加メニューを開いてください。

ここではWordPressのページを例に説明する。

新しい投稿を追加する

そして、先ほどのURLをエディターに貼り付けるだけ で、WordPressが自動的に埋め込んでくれる。

ワードプレスにツイートを埋め込む

あるいは、Twitter WordPressブロックを使うこともできる。まず、小さなプラスアイコン(+)を クリックし、検索バーに「twitter」と入力します。そして、Twitter ブロックを選択します。

ワードプレスにツイッターブログを追加

あとは、先ほどのTwitterのURLをその欄に貼り付けて埋め込みをクリックするだけだ。

ワードプレスのブロックにツイッターのURLをコピーする

そうすると、WordPressがツイートを埋め込んでくれます。Publishをクリックして進捗を保存するのをお忘れなく。

自分のサイトにツイートを埋め込む

WordPressのブログ記事にツイートを埋め込む簡単な方法だが、これには多くの制限がある。

  • ツイートするたびにURLをコピーし、また貼り付けに来なければならない。そして新しいツイートをすれば、またそれを繰り返さなければならない。つまり、複数のツイートを埋め込むためだけに、貴重な時間を浪費していることになる。
  • ツイートの見た目をカスタマイズしたり変更したりすることはできません。その結果、ツイートがあなた自身のブランディングスタイルと衝突する可能性があります。
  • 特定のハッシュタグから複数のツイートを追加したい場合は、すべて自分で手動で追加する必要がある。

WordPressにツイートを埋め込む方法(簡単な方法)

素晴らしいニュースだ:ツイートを埋め込むためのもっと良い方法がある。

Twitter Feed Proを使えば、あなたのウェブサイトにツイートを表示するのがとても簡単になります。

このトップクラスのTwitter WordPressプラグインを使えば、すぐにツイートを埋め込むことができます。

このプラグインで気に入っているのは、それぞれのツイートのリンクを貼り付けることなく、複数のツイートを自分のTwitterフィードに埋め込めることだ。Twitterフィード全体を一度に埋め込むことができるのです。

手動とは異なり、Twitter Feed Proにはたくさんのカスタマイズオプションが用意されています。レイアウト、サイズ、色、フォントなどを変更して、ツイートの見た目を変えることができます。

実際、このプラグインは自動的にウェブサイトのデザインをあなたのツイートにコピーします。その結果、あなたのTwitterフィードは、あなたのブランドのルックにマッチするようになります。

まだ迷っていますか?では、このプラグインで得られる機能をもう少しご紹介しましょう:

  • フィードの種類が豊富: 単発のツイート以外にも様々なフィードを投稿できます。Twitter Feed Proは、ユーザータイムライン、ハッシュタグフィード、検索結果、メンション、Twitterリストなどを投稿できます。
  • 軽量化:すべてのツイートでサイトが遅くなる心配はありません。Twitter Feed Proはスピード重視で作られているので、フィードの読み込みも超高速です。さらに、高速なウェブサイトはSEO対策にも最適です。
  • ビジュアルフィードカスタマイザー: 美しいTwitterフィードを簡単に作成するために、ライブフィードカスタマイザーを使用することができます - コーディングは必要ありません!
ツイッター用ライブフィードエディタ
  • メディア用ライトボックス: 画像や動画付きのツイートを埋め込むと、訪問者はそれを開くためにサイトを離れる必要がなくなります。美しいライトボックスでメディアコンテンツを表示できます。
  • カスタムサポート:Twitterの埋め込みに問題が発生した場合は、WordPressの専門家チームがいつでもサポートします。

これらの優れた機能により、Twitter Feed ProはWordPress用の最高のTwitterフィードプラグインとなりました。15万人以上の アクティブユーザーによる4.9/5つ星の評価がそれを物語っています。

ユーザーレビュー カスタムツイッターフィードプロ

全体として、このプラグインを気に入ることがたくさんある。このプラグインを使えば、Twitterのフォロワーを増やし、訪問者を惹きつけるツイートを投稿するのがとても簡単になる。

WordPressにツイートを埋め込む準備はできましたか?今すぐTwitter Feed Proを使いましょう

それでは早速、Twitter Feed Proを使ってWordPressに複数のツイートを埋め込む方法をご紹介しましょう。

ステップ1: Twitter Feed Proのインストールと有効化

まず最初に、Twitter Feed Proはこちらから入手できます。

それを手に入れたら、あなたのウェブサイトにインストールして有効化するだけだ。

どうすればいいのかわからない?WordPressのプラグインをインストールする際に役立つガイドをご覧ください。

ステップ2では、プラグインを使ってウェブサイトのTwitterフィードを作成することができます。

ステップ2:新しいTwitterフィードを作成する

プラグインをインストールして有効化すると、ガイドフローを使って簡単にTwitterフィードを作成できる。

始めるには、WordPressのダッシュボードからTwitter Feed " All Feeds メニューに移動し、一番上のAdd New ボタンをクリックします。

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

そうすると、Twitter Feed ProがTwitterフィードの種類を選択するよう尋ねてきます。ここには6つのオプションがあります:

  • ユーザーのタイムライン特定のTwitterプロフィールのツイートを埋め込む場合は、このオプションを選択します。
  • ハッシュタグ:特定のハッシュタグが付いたツイートを埋め込むハッシュタグオプションを選ぶことができます。
  • ホームタイムライン: 自分のTwitterタイムラインのコンテンツを埋め込みたい場合は、このオプションを選択します。
  • 検索このフィードタイプを使用すると、Twitterの検索結果をサイトに表示できます。
  • メンションこのオプションを選択すると、ブランドについて言及したすべてのツイートを埋め込んだTwitterフィードが表示されます。
  • リスト このフィードタイプでは、選択したTwitterリストのツイートを埋め込むことができます。

さらに、ここで複数のオプションを選択して、異なるフィードタイプを1つのフィードにまとめることもできます。

Twitterフィードの種類を選択したら、「次へ」 ボタンをクリックします。

このチュートリアルでは、ハッシュタグTwitterフィードを使用します。

ハッシュタグツイッターフィード

これで、あなたのウェブサイトに新しいTwitterフィードができました。フィードの準備ができたら、ステップ3でTwitterアカウントに接続します。

ステップ3:Twitterアカウントに接続する

Twitter Feed Proを使えば、クリック数回で簡単にTwitterアカウントに接続できます。

まず、ページ上の接続 ボタンをクリックする。

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

クリックすると、プラグインはTwitterにリダイレクトする。ここで、プラグインに自分のアカウントへのアクセス権を与える必要がある。

読み取り専用アクセスなので、プラグインはあなたのアカウントの情報を見ることができるだけで、実際に何かを変更することはできません。

ここでAuthorizeアプリのボタンをクリックすれば、アカウントの接続は完了です!

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

その後、プラグインがあなたのウェブサイトに戻るので、Twitterフィードの設定を完了させることができる。

そのためには、ソースとして使用したいユーザープロフィール、ハッシュタグ、検索語などを追加することができる。

ポップアップでソースを追加し、「Next」をクリックするだけです。

ハッシュタグツイッターフィードでは、ハッシュタグ "KEEB_PD "をソースに選びました。

ツイッターフィードのハッシュタグを選択する

それが終わったら、次はツイートの見た目をカスタマイズします。

ステップ4:ツイートをカスタマイズする

Twitterフィードをソースに接続したら、どのフィードテンプレートを使うかを選ぶことができる。

フィードテンプレートを選択することで、あなたのTwitterフィードを即座にユニークな外観にすることができます。7つのオプションから選べます:

  • デフォルト
  • 石工
  • シンプルなカルーセル
  • シンプルなカード
  • ショーケース・カルーセル
  • 最新ツイート
  • ウィジェット

Twitterフィードのテンプレートを選んだら、「Next(次へ )」をクリックして次に進みます。

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

より詳細なカスタマイズのために、ライブフィードエディタを使用できるようになりました。

フィードレイアウト、ヘッダースタイル、ライトボックスオプション、カラースキームなどを設定するカスタマイズオプションが左側のパネルにあります。

右側には、Twitterフィードのライブプレビューが表示され、変更を確認することができます。

ライブフィードエディタ twitterフィードプロ ビジュアルプレビュー

まず、左側のフィードレイアウトオプションを クリックし、カスタマイズを開始する。

フィードレイアウトオプションを選択し、Twitterフィードを作成する

レイアウトを変更することで、Twitterフィード上でのツイートの配置を選択できます。

ここから、リスト、カルーセル、メイソンの3種類のレイアウトオプションを選ぶことができる

フィードレイアウトオプション

リストレイアウトは、Twitterのレイアウトに近い、すっきりとしたリストですべてのツイートを表示します。

さらに、Twitterフィードは、この方法で各ツイートをより目立たせることができる。

リストレイアウト・ツイッターフィード・プロ

また、ツイートを列で表示したい場合は、メイソンオプションが ある。その結果、一度にたくさんのツイートを表示することができる。

石積みのレイアウト ツイッターフィード

もっとダイナミックなものなら、カルーセル・レイアウトが ある。

この方法で、Twitterスライダーを追加し、あなたのウェブサイトを訪問者にとってよりインタラクティブなものにすることができます。

カルーセルレイアウト

Twitterフィードのレイアウトを選んだら、「保存」ボタンで変更を確定します。

Twitterフィードの他の部分をカスタマイズするには、上部にあるカスタマイズ ボタンをクリックします。

メインメニューに戻る ライブフィードエディター

左のパネルにある配色 オプションをクリックすると、Twitterフィードの色の設定が始まります。

配色を選ぶ twitterフィード

フィードに使用できる4つのカラースキームがあります:

  • テーマからの継承: ウェブサイトのテーマの色をコピーする
  • 明るく:ツイートには明るい背景と暗いフォントを使う。
  • ダーク:フォントは明るい色、背景は暗い色を選ぶ。
  • カスタム: 手動ですべての色を選択
ツイッターフィードの配色オプション

配色を選択したら、忘れずに「保存」をクリックしてください。

ご覧のように、フィードを様々な方法で簡単にカスタマイズすることができます。サイズ、ヘッダースタイル、フォント、メディアレイアウトなどを設定できます。

Twitterフィードの見た目が気に入ったら、「保存」 ボタンをクリックして変更を確定します。

最後に、フィードを埋め込む。

ステップ5:WordPressにツイートを埋め込む

フィードをカスタマイズしたら、いよいよWordPressにツイートを埋め込みます。そのために、Twitter Feed Proには2つのオプションがあります:

  • WordPressのページにツイートを埋め込む
  • WordPressのサイドバーやフッターにツイートを埋め込む

WordPressのページにツイートを埋め込む

簡単にするために、ライブフィードエディタから直接WordPressページにツイートを追加することができます。

まず、右上の埋め込み ボタンをクリックします。

ライブフィードエディタ埋め込みボタン

ポップアップで、新しいTwitterフィードの場所を選ぶことができます。続行するには、ここでページに 追加オプションをクリックします。

ページに追加する

次に、サイト上のWordPressページのリストが表示されます。このリストからページを選択し、追加 ボタンをクリックします。

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

そうすると、Twitter Feed ProがWordPressのエディターでそのページを開き、フィードの埋め込みを開始することができます。

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

新しいワードプレスブロックを追加する

最後に、"twitter feed "を検索し、下の結果からTwitter Feedブロックをクリックする。

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

Updateをクリックして、新しいTwitterフィードを確認してください!

これで、あなたのウェブサイトをチェックし、訪問者が見ることができるように埋め込まれたすべてのツイートを見ることができます。

ウェブサイト上のtwitterフィードの例

ツイートを埋め込む次の方法をチェックしよう。

また、ライブフィードエディタを使って、TwitterウィジェットとしてWordPressのフッターにツイートを埋め込むこともできます。

まず、WordPressのダッシュボードからTwitter Feed " All Feeds メニューをクリックすると、すべてのTwitterフィードが表示されます。

次に、先ほど作成したTwitterフィードをクリックする。

オープン・ハッシュタグ

ライブフィードエディターから、右上の埋め込み ボタンをクリックします。

ライブフィードエディタ埋め込みボタン

その後、ポップアップの「ウィジェットに追加」 ボタンをクリックし、WordPressウェブサイトのウィジェット管理を開始します。

ウィジェットにtwitterフィードを追加

このページから、サイドバーやフッターエリアのWordPressウィジェットを追加、削除、管理することができます。

サイドバーウィジェットの管理を開始するには、サイドバーパネルを クリックしてください。

サイドバーパネルを開く

または、フッターパネルを クリックしてフッターウィジェットを管理することもできます。

このチュートリアルでは、サイドバーオプションを使用します。

フッターパネルを開く

その後、プラスアイコン(+)を クリックして新しいウィジェットを追加し、Twitter Feedをクリックします。

ワードプレスにツイッターフィードウィジェットを追加

最後に「更新」をクリックすれば、WordPressウェブサイトにTwitterフィードを埋め込むことができます。

あなたのサイトにアクセスすれば、ウィジェットエリアにツイッターコンテンツのフィードが表示されるはずだ。

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

そうだ!

WordPressにTwitterフィードを埋め込む簡単な方法がわかりました。コーディングもショートコードも不要です。

これを使えば、サイトへのトラフィックを簡単にTwitterに誘導し、フォロワーを増やすことができる。そして同時に、あなたのサイトの訪問者を変換するのに役立ちます。

何を待っているのですか?素晴らしいTwitter Feed Proを手に入れよう!

あなたのビジネスにすぐに結果を出したいとお考えですか?それなら、あなたのビジネスを成長させるのに最適なツイートの種類についての記事をご覧ください。

この記事がお役に立ったなら、ツイッターや フェイスブックで私たちをフォローし、ソーシャルメディア・マーケティングのヒントやトリックをお楽しみください。

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

コメントを追加する

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