Twitterのタイムラインをワードプレスのサイドバーに表示させる方法を解説しました♪

こんばんは、みやびです＾＾

最近、色々な方のブログを見ているのですが、Twitterのタイムラインを自分のブログに表示させている方がとても多いですよね。

…私もその一人ですが笑

Twitterのタイムラインが表示されて流れていく事で、ブログに動きが出る為見栄えも良くなったり、ツイートを見て興味を持ってフォローしてもらえたり、ブログの更新情報をいち早く届けることができたりと実はイイことづくしだったりします＾＾

今回は、そんなTwitterのタイムラインをブログのサイドバーに表示させる方法を解説したいと思います。

Twitterで埋め込み用のコードを取得しよう！
終わりに

Twitterで埋め込み用のコードを取得しよう！

まず、Twitterで埋め込み用のコードを取得していきます。

1. Twitterにログインします。
　※パソコンに Twitterがダウンロードされていない場合はダウンロードしてくださいね＾＾

2.画面右上にあるあなたのアイコンをクリックして、「設定とプライバシー」をクリック。

3.ユーザー名の下に表示されている[https]から始まるURLを選択してコピーする。
　※私はMacを使用しているので「Command +C」でコピーですが、Windows PCを使用している方は「Ctrl +C」でコピーできます。
　　右クリックからコピーを選択するより簡単なので試して見てください＾＾

4.画面左の「ウィジェット」をクリック。

5.「publish.twitter.com」をクリック。
　※この後から全てが英語表記になりますが、画像の通り選んで行けば大丈夫です。頑張りましょう٩( ᐛ )و

6.手順3でコピーしたURLを貼り付ける。
　※私はMacを使用しているので「Command +V」で貼り付けですが、Windows PCを使用している方は「Ctrl +V」で貼り付けてくださいね＾＾

　貼り付けたら②の「→」をクリック。

7.二つの異なる画面のサンプルが出てきますが、左側をクリックします。

8.「set customization options.」をクリック。

9.サイドバーに表示させる時の大きさを設定していきます。
　ここは、あなたの好みとなりますのでお好きな高さや横幅に設定してください。
　ちなみに私は、高さ：600、横幅：300、明るさ：Lightに設定しています。
　この設定は、あとから変更することもできます＾＾

　設定が出来たら、「update」をクリック。

10.埋め込み用コードが表示されるので、「Copy Code」をクリック。

11.この画面が表示されたら、埋め込み用コードのコピーが完了です♪

12.次にワードプレス(WordPress)の管理画面にログインします。

13.「外観」にカーソルを合わせて「ウィジェット」をクリック。

14.「カスタムHTML」の「▼」をクリックすると、中身が表示されるので、「タイトル」を入力して、内容のところに先ほど Twitterからコピーした「埋め込み用コード」を貼り付けます。
※私はMacを使用しているので、「Command +V」で貼り付けですが、Windows PCをお使いの方は「Ctrl +V」で貼り付けてください＾＾

　　貼り付けまでできたら、「保存」をクリック。