ワードプレスにツイッター(ツイート)を埋め込み表示する方法

Tips

ワードプレスにツイッター(ツイート)を埋め込み表示する方法

更新日:

こんにちは!チカです^^

Twitterのツイートって、気軽に投稿している方が多くって、
ネットサーフィンするにはまさにピッタリ(笑)
ついいろんな方のツイート見てしまいます^^

記事内にもツイートを表示させているサイトをよく見かけますが、
このツイートってどうやって埋め込むんだ?って思ったりしませんか?

やり方はとっても簡単なので、
ぜひマスターして記事内にツイートを表示させちゃいましょう^^!

ツイートの埋め込みとは?

Twitterには、ツイートの埋め込みができるようになっていて、
埋め込み用のコードを取得することができます。
そのコードをペタッと記事内に貼れば、あっという間に
ツイートが埋め込まれた記事の出来上がりです!
↓例)埋め込みツイート(8/1はパンツの日だそうです!)

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

ワードプレスにツイートを埋め込む方法は二つあります。
両方マスターしていきましょう!

ワードプレスのみ使える埋め込み方法

ワードプレスのみ使える埋め込み方法です。
ワードプレスを利用しているなら、この方法が1番簡単でおススメです。

埋め込みたいツイートのURLをコピーします。

Twitter埋め込み

コピーしたURLをワードプレスの投稿画面に貼り付けます。(テキストエディタ、ビジュアルエディタどちらでも大丈夫)Twitter埋め込み

上記のURLを投稿画面にこのように貼り付けるだけでOKです^^

テキストエディタ、ビジュアルエディタ、どちらでも大丈夫なので、簡単ですね^^

他のサイトでも使える一般的な埋め込み方法

ワードプレス以外の他のサイトでも使える、一般的な埋め込み方法はこちら。

埋め込みたいツイートのメニュー(画面赤枠)をクリックします。

「埋め込みツイート」をクリックします。

ツイートの埋め込みコードが表示されるので、コピーします。

Twitter埋め込み

ワードプレスの投稿画面を開いて、「テキストエディタ」に貼り付けます。

Twitter埋め込み

これで埋め込みが完了!^^

ワードプレス以外のサイトに埋め込む際も同じ手順でできます^^

複数のツイートを埋め込む際の注意点

記事内に二つ三つとツイートを埋め込む場合もあるかと思います。
あまりにベタベタ貼るのは見栄え的にもどうなんだろっ?
って思ってしまいますが、複数貼る場合があるときに注意点があります。
複数埋め込んだ際に、気をつけるべきタグコードはこれ。↓
Twitter埋め込み

ツイートの埋め込みコピーをするときに毎回一つついてくるのですが、
一つの記事に一つだけで大丈夫なんです。
(このコードがいくつもあると、サイトの読み込みが少し遅くなってしまいます

まとめ

記事内にツイートを埋め込むのはわりと好きです。(笑)
だって、盛り上がるような気がするし、周りの人の反応も参考にしたいから^^

いまや定番ともいえる、ツイートの記事内埋め込み。ぜひぜひ活用してくださいね!

-Tips
-

Copyright© , 2024 All Rights Reserved.