そろそろネタがなくなって来ましたが、最近はじめたtwitterをはてなブログに埋め込んでみたので、 その方法を備忘録的にまとめておこうと思います。
twitterをはじめた経緯についてはこちら
ktkooon.hatenablog.com twitterアカウントをお持ちの方今すぐにフォローミー!
ちなみに今回参考にしたのはこちら
完成形はこのブログの右下にありますが、twitterのつぶやきなどをウィジェットとして配置できます。 こんな感じです。
Twitterウィジェットの準備
ウィジェットの種類はいくつかあります。
- プロフィール
- いいね
- リスト
- コレクション
- 検索
今回は、twitterのタイムラインを表示したかったのでプロフィールを選びました。 検索では、特定の検索結果を常に表示するタイムラインがカスタマイズできます。 微妙に文言が違いますが、プロフィール以外何が表示されるかは下記の公式ページが役立ちます。
検索以外を押すと、真っ青な画面に飛びます。
自分のtwitterのプロフィールアドレスを入れます。 ちなみに自分はこちら → https://twitter.com/kitakinblog 次に、ボタン形式かリスト形式かを選べます。今回はリスト形式にしてみました。
そして、最後にembedを出力できるのでこれをコピーしておきます。
ブログに表示
正直ここは一瞬でおわります\(^o^)/ ブログ管理画面から、デザイン画面へ行きカスタマイズ画面へ。
基本ここにあるものであれば、ほぼどこにでも配置できますが見えやすくかつ、 記事のじゃまにならないサイドバーが良いと思います。 サイドバーのモジュールの追加で、先ほどtwitterのウィジェット画面よりコピーしたタグをコピペします。
あとは、最後に保存を忘れずにしたら完成です!
おわりに
ちなみにこのtwitterウィジェットですが、幅やリンクの色などカスタマイズできるらしいです。
ブログデザインにあわせて調整すると良さそうですね。 おわり。