SNS集客

ワードプレスの記事内にツイッターの投稿を埋め込む方法【画像付】

 

質問者
質問者

ツイッターの投稿をワードプレスの記事に埋め込みたいのですがどうやったらいいですか?やり方を教えてください。

 

最近記事内にツイッターの投稿を埋め込む人をよく見かけませんか?

その理由はいくつかあるのですが、ツイッターの投稿を埋め込むことで「SEO的に有利になる」と言われていることが大きな理由です。

もしあなたも既にツイッターアカウントをお持ちであれば、積極的に記事内でツイッターを利用することをおすすめします。

もしまだ持っていなくてもアカウントは簡単に作れますのですぐにでも作りましょう。

今回の記事ではワードプレスで書いた記事内にツイッターの投稿を挿入する方法を紹介します。この記事を読めば以下のように投稿を表示させることができるようになります。

Mino
Mino

手順も簡単なのでぜひ試してみてくださいね!

ツイッターのフィードを記事内に表示させる2つの方法

それでは早速ツイッターのフィードをワードプレスの記事内に表示させる方法を説明します。前提として、今回の操作は全てパソコン上で行う必要があります

スマートフォンでは操作できないので注意してください。

ツイッターを記事内に表示させる方法は以下の2通りです。

まずは「URLを貼り付けて表示させる方法」から説明します。多くのケースの場合、こちらの方法で解決するはずです。

 

1. URLを利用してフィードを記事内に表示させる方法

それではURLを利用してフィードを記事内に表示させる方法を説明します。この方法が一番単純で操作方法も簡単です。

 

1-1. 好きなツイッターのフィードを表示

まずは記事内で表示させたいツイッターのフィードのページへ移動してください。今回はこちらのフィードを例に進めていきたいと思います。

 

1-2. 「ツイートへのリンク」をコピー

フィードの右上に小さな下向きの矢印があるので、そちらをクリックします。メニューの中の「ツイートへのリンクをコピー」をクリックします。

 

1-3. コピーしたURLを記事内の好きな場所にペースト

ビジュアルエディタ」を選択した状態で、ワードプレスの記事投稿画面に移動します。どこでも構わないので先ほどコピーしたURLをペーストします。

すると下記のように選択したツイッターのフィードが表示されます。

以上でURLを利用したツイッターのフィードの挿入方法は終了です。

 

2. HTMLを利用してフィードを記事内に表示させる方法

続いてHTMLコードを利用したツイッターフィードの挿入方法を説明します。

URLを入力するだけでフィードを表示しくれれば簡単なのですが、場合によってはHTMLコードで挿入しないと表示されない場合もあります。

その場合はこちらの方法を試してみてください。

 

2-1. 好きなツイッターのフィードを表示

先ほどと同じように挿入したいツイッターのフィードを表示させます。

 

2-2. 「ツイートをサイトに埋め込む」をクリック

右上の小さな下向きの矢印をクリックし、メニューの中の「ツイートをサイトに埋め込む」をクリックします。

 

2-3. 表示されたコードをコピー

するとコードが表示されるので、そのコードを丸ごとコピーします。「メディアを含める」には基本的にチェックを入れたままで大丈夫です。

メディアというのは「画像」のことを意味しますが、このチェックを外すとツイッターの文字だけが表示されるようになり、画像が消去されます。

 

2-4. コピーしたコードを記事内の好きな場所にペースト

「テキストエディタ」を選択した状態でワードプレスの記事投稿画面に移動します。どこでも構わないので先ほどコピーしたコードをペーストします。

上記の段階ではまだコードのみしか表示されていませんが、プレビュー画面で見ると以下のように表示されていることが確認できます。

以上でHTMLコードを利用してフィードを表示させる方法は終了です。

 

ワードプレスの記事内にツイッターを埋め込む方法のまとめ

いかがでしたでしょうか?

ツイッターのフィードは適材適所で利用することで、読者の記事内の滞在時間を延ばしたり、記事の内容に権威性を持たせたりすることができます。

操作も簡単なのでぜひ積極的に活用して見てください。

 

<こちらの記事もよく読まれています>

【裏技】ツイッターのフォロワーを効率的に増やす「秘密の方法」 「ツイッターのフォロワーを増やしたいけどやり方がわからない」 とお悩みではあり...
ワードプレスにインスタグラムの投稿写真を埋め込む2つの方法【画像付き】 今回はワードプレスの記事内にインスタグラムの投稿写真を埋め込む方法を紹介します。 インスタグラムの投稿を埋...