2011/8/12

Twitterウィジェットにステータス表示をつけてみた

最近、kosukekato.comに手を入れてなかったので、マイナーチェンジですが、Twitterのステータス表示をつけてみました。キャプチャみたいな感じに表示されます。やっていることは単純。

PHP

<ul class="twitter_count clearfix">
<?php
	$url = "http://api.twitter.com/1/statuses/user_timeline.xml?id=account";
	$xml = simplexml_load_file($url);
	echo '<li><span>フォロー数</span>'.$xml->status->user->friends_count.'</li>';
	echo '<li><span>フォロワー数</span>'.$xml->status->user->followers_count.'</li>';
	echo '<li><span>ツイート数</span>'.$xml->status->user->statuses_count.'</li>';
?>
</ul>

CSS

ul.twitter_count {
  margin:0px 4px 10px 4px;
  padding:0px;
}
ul.twitter_count li {
  width:70px;
  padding:5px 0px 5px 0px;
  font-size:16px;
  float:left;
  margin-right:5px;
  border:1px solid #ccc;
  text-align:center;
}
ul.twitter_count li span {
  font-size:7pt;
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:1px solid #ccc;
  display:block;
}

こういうのちょろっと取れるのは便利ですね。

ひとり仕事: フリーランスという働き方
(2012-10-5)
売り上げランキング: 14,705
100円
WordPressデザインレシピ集
狩野 祐東
技術評論社
売り上げランキング: 197,569
WordPress 高速化&スマート運用必携ガイド
こもりまさあき 岡本渉
エムディエヌコーポレーション
売り上げランキング: 435,263