ブログWordPressにツイッタータイムラインをサイドバーに貼りつける方法
よくブログのサイドバーでツイッターを表示させているのを見かけます。
自分も表示させたくてやってみたら、案外簡単に設置することが出来ました。
今回はWordpressで作っているブログでツイッターのタイムラインの表示の仕方を紹介します。
このブログで取付けている設定をそのまま説明したいと思います。
ツイッター上での作業
１、 ツイッターのプロフィール画面に行きます。
ここではブログに貼り付けたいツイッターのプロフィールに行きます。
２、 プロフィール画面URLをコピーします。
３、コードを作るページに行きます 。
ここのページでコードを作ってもらえます。
４、 プロフィール画面のURLをペーストしてENTERキーを押します。
５、 Embedded Timelineを選択します。
このブログでは“Embedded Timeline”を使ってますしこちらの方がお勧めです。
６、 コードが生成されるのでCopyCodeを押してコピーしておきます。
作業の途中でコピーが解除された場合は再度コピーが必要です。
作業終了までページは開きっぱなしにしておいた方がいいです。
WordPressでの作業
１、 WordPressにログインします。
２、 外観＿ウィジェットを選択
３、 テキストをスライドさせて、汎用サイドバー(タイトルＨ3・・)の入れたいところに移動させます。
サイドバーの表示したいところに移動しておきます。
４、 テキストを開いて、ツイッターで生成したコードペーストします。
コピーが解除されていれば、再度コピーします。
５、 保存を押します。
６、 ブログを表示させて確認します。
こんな感じで表示されます。
ちょっと調整
このままだと表示されるツイートが多かったので、調整しました。
コードが下記のように生成されますが、書き加えることによってカスタマイズできます。
<a class="twitter-timeline" href="https://twitter.com/ENsgSAGsyuKMUaJ?ref_src=twsrc%5Etfw">Tweets by ENsgSAGsyuKMUaJ</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8″></script>
↓
<a class="twitter-timeline" data-tweet-limit="3″
href="https://twitter.com/ENsgSAGsyuKMUaJ?ref_src=twsrc%5Etfw">Tweets by ENsgSAGsyuKMUaJ</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8″></script>
黄色い部分を付け加えてツイート数を３つまで表示に固定しました。