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;
}

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

『ひとり仕事: フリーランスという働き方』 加藤 康祐

posted with amazlet at 15.09.10

(2012-10-5)
売り上げランキング: 14,705
100円

Amazon.co.jpで詳細を見る

フリーランスとして働き始めるってどういうことだったのか？フリーランスとして働くってどういうことなのか？フリーランスが目指すことってなんなのか？5年間の自分の経験から書きました。（2010年執筆）

本当によくわかるWordPressの教科書 改訂2版 はじめての人も、挫折した人も、本格サイトが必ず作れる

posted with amazlet at 19.07.28

赤司 達彦
SBクリエイティブ
売り上げランキング: 801

Amazon.co.jpで詳細を見る

WordPress　仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)

posted with amazlet at 19.07.28

中島 真洋　
技術評論社
売り上げランキング: 7,530

Amazon.co.jpで詳細を見る

WordPressデザインレシピ集

posted with amazlet at 19.07.28

狩野 祐東
技術評論社
売り上げランキング: 197,569

Amazon.co.jpで詳細を見る

WordPress 高速化&スマート運用必携ガイド

posted with amazlet at 19.07.28

こもりまさあき 岡本渉
エムディエヌコーポレーション
売り上げランキング: 435,263

Amazon.co.jpで詳細を見る