2014年5月 9日 (金)

Twitterのタイムラインをブログのサイドバーに表示する

ブログとTwitter、両方を運営していらっしゃる企業担当者の方は、少なくないかと思います。

せっかくのTwitterのタイムラインを、自社のブログ上にも表示させたいと思うのが、人情というもの。

そこで、今回はTwitterのタイムラインをブログのサイドバーに表示する方法を解説します。



Tweetbird

Twitter のユーザータイムラインをブログのサイドバーに表示するには、大まかに以下のような手順を行います。

1.Twitter公式サイトでタイムラインウィジェットのソースコードを生成する
2.生成したソースコードを取得する
3.取得したソースコードを Lekumo ビジネスブログの管理画面でサイドバー部分に挿入する



具体的には、以下の手順になります。




1.Twittter の公式サイトにログインする

Tl01




2.右上の歯車マークをクリックし、「設定」をクリックする

Tl02






3.左サイドバーの「ウィジェット」をクリックし、右上の「新規作成」ボタンをクリックする

Tl03





4.「ユーザータイムライン」のタブで、以下の項目を設定する

* ユーザー名
* オプション
* 高さ
* テーマ
* リンクの色


Tl04







5.「ウィジェットを作成」ボタンをクリックする

Tl05







6.生成されたソースコードをコピーする

Tl06






7.Lekumo ビジネスブログの管理画面にログインし、[ブログ管理] - [デザイン] とメニューをクリックする
Tl07






8.[表示項目を選択] をクリックする

Tl08






9.少しスクロールし、画面中央の [カスタム HTML] 項目で、 [モジュールを追加] をクリックする

Tl09







10.表示されたウィンドウの [HTML] 項目にコピーしたソースコードを貼り付け、 [保存] をクリックする

Tl10







11.一番下までスクロールし、 [変更を保存] をクリックする

Tl11


12.[並べ方を変更] をクリックする

Tl12






13.さきほど作成したモジュールをサイドバーに配置する

Tl13







14.[変更を保存] をクリックする

Tl14






15.ブログにアクセスし、Twitter タイムラインが表示されていることを確認する

Tl15





このように表示されていたら、成功です。

\(^o^)/