Twitterタイムラインをサイトに表示する方法

こんにちは、パセリです。


今回はwordpressにTwitterタイムラインを
埋め込む方法を書いていきたいと思います。

難しそうだなぁ・・・と思っている方!
意外と簡単なのでお試しあれ♪

それではいきましょ~^^

Twitterタイムラインをサイトに埋め込む方法

1.まずはTwitterにログインします。

*ここで一つ注意点*

ログインをする際、アプリの方にログイン
しないようにしてください。

アプリだとこれから必要となるURLが表示されません。
こちらからログインして下さいね!
https://twitter.com/

2.自分のTwitterサイトのURLをコピーします。
→右上のアイコンをクリック
→設定とプライバシーをクリック
→ユーザー名の下のURLをコピー
https://twitter.com/自分のユーザー名  になっているはずです。)

3.同じページ左側にあるウィジェットをクリック
4.publish.twitter.comという文字のところをクリック

5.最初にコピーした自分のURLを貼ったらenterをポチッと

6.2つのイラストがでてくるので左側をクリック

7.Copy Codeをクリックするとコードのコピーが完了します。

完了するとこんな画面になります。

8.wordpressに戻りましょう!
外観→ウィジェット→テキスト→テキスト追加
→先程コピーしたものを貼り付けます。

ただこのままだと、縦に長ーくなってしまいます。

なので、張り付けたところの

“twitter-timeline”


の後ろにwidth=”320px” height=”600px”を足して下さい。

width=”320px”→幅
height=”600px”→長さ

という意味です。

追加する場合は前後に必ず
半角スペースを入れて下さいね!

私の場合はこんな感じです↓

<a class="twitter-timeline" width=”320px” height=”600px” href="https://twitter.com/parsley1261?ref_src=twsrc%5Etfw">Tweets by parsley1261</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


入れたら
→保存して完了!!

出来ましたでしょうか?
出来る事が一つ増えると楽しいですよね^^

まだやっていない方、是非お試しあれ!