ブログやホームページにTwitterを表示させる方法

今となっては、テレビ番組のネタにも取り入れられたりと
あたりまえの存在になったTwitter。
手軽に出来るスタイルが、流行の一因かもしれません。
ブログを書かれてる方も併用してつぶやいていたりします。
そこで、今回はブログにつぶやきを貼り付ける方法。
ブログに限らず、ホームページにも貼り付けることが出来ますよ。
ツイッタープロフィールウィジェット
入れている人は入れている。
そんなツイッターのウィジェット機能。
私はブログの開始時より入れています。

でも、入れてない人は入れてない。
ではなくて「意図的に入れない」か「入れ方が分からない」
入ってないブログはこのどちらかな気がします。
ツイッターは、掲示板ではなく「ミニブログ」
世界的にはFacebookがスゴイ勢いで広まっていますが
日本じゃ匿名性の強いツイッターの方が好まれるようですね。
運営しているブログと、ツイッターを完全に分けているようであれば
別に貼り付けなくてもイイと思いますが
記事の自動投稿などのように連動させているなら、
ブログにも貼り付けてやってもいいかもしれません。
ウィジェットの貼り付け手順
先ずは、Twitter内の関連情報のページに移動します。


http://twitter.com/about/resources
2011年1月現在、フォローボタン、ツイートボタン
ウィジェット、Twitterロゴとアイコンの4種類が用意されています。
ブログやホームページに自分のツイートを表示させる場合は
この中の「ウィジェット」を選択。

移動先のページに行くとウィジェットの種類が出てきます。
今までツイートした内容を表示させるのであれば
「プロフィールウィジェット」を選択します。
テキストリンクをクリックしていけばいいだけ。

よく見かけるブログに設置されているのツイートは
ここを選択してやればOK。
ウィジェットの調節について

設定、カスタマイズ、デザイン、サイズ
この4種類の設定をしていきます。
設定について。
ここにはウィジェットで表示させるツイッターアカウントを選択します。
最初から、自分のアカウントが入っているので
基本的には何もしないでもいいと思います。
カスタマイズについて。
ここは、表示させるツイッターの表示についての設定をします。
表示させるツイート数や、画像の表示の有無
サイドバーの表示などなど。

プロフィール画像を表示?ですが
ツイートされたテキストの横に表示させるかどうかということです。
リツイートをよくするようであれば、オススメですが
自分のツブヤキがメインであれば、チェックしないでもいいと思います。
ショッピングサイトなどでよく見る「自動で動く」ようなスタイルは
ツイートの表示方法 > 一定間隔で更新
Loop results?にチェックしてやれば、一定間隔でグルグル更新します。
ツイート更新間隔の数字は次のテキスト表示までの「秒」
早からず遅からずのタイミングを調整して下さい。
デザインについて。
ここでは、ウィジェットの色をカスタマイズ出来ます。
各項目の色情報をクリックして、設定していきます。

初期設定では、なんともサイバーな配色になっていますね。
ツイッターのカラーを抜き出して、配色してみました。
白メインや、淡い配色のサイトなどでの参考にしてみて下さい。


プレビューはこんな感じ。
ツイッターのエラーページを参考にすると
リンクの色は「#E35214」になるかもしれません。

サイズについて。
ここで、ウィジェットの縦横幅を設定します。
ピクセルの測り方に慣れていない場合は
横幅の自動調整にチェックを入れておいてやるとイイと思います。

これら一通りを設定してやったら、設置コードを発行します。
設定各ページの下部にある
「完了&コードを取得」ボタンをクリックすると
コードが出てくるので、これをコピー。
ウィジェットを表示したい任意の場所にペーストしてやります。
FC2ブログであればフリーエリアを作って
そのままペーストすればイイだけ。
プラグインを使ったことがない人は
環境設定 > プラグインの設定 > PC用:公式プラグイン追加
この中にある拡張プラグイン:フリーエリアを追加します。
「フリーエリア内容の変更」の中に
コードをそのままペーストしてやるだけ。
追加したての時はタイトル (40文字以内)が「フリーエリア」
になっているので、お好きなタイトルに変更するのをお忘れなく。
チュートリアルネタ的には
先程も書いたように、
日本ではFacebookよりも浸透しているTwitterです。
サイトリニューアルは、芯になっているので重要かもしれませんが
結構重要な付録への配慮が足りない気もするなぁ。
自分で組み込んでおきながら、今回の為に探しても
専用ページに辿り着けなかったぞorz
結構期限切れのネタだったかもしれませんが
自分の備忘録も含めで、記事にしておきます。







ブログランキングに参加しています。





ブログランキングについて