WordPressでTwitterアイコンを表示(Blogデザインを変更しました)

勉強がてらに以下の本を購入しました。?

[amazonjs asin=”4844362674″ locale=”JP”]

[amazonjs asin=”4774147052″ locale=”JP”]

CSSを勉強して、このブログデザインを変更してみたくて。

Codaは最近知ったMacの統合web開発環境。Coda2がでたので買いましたが、何がなんだかわからなかったので入門書を購入。

結局エディタ機能とFTPクライアントとして利用しちゃっていますが、それでも一つのアプリに統合されていると便利なんだね。

CSSをあまり知らなかったので、CSSエディタとしての機能を期待していたけど、そこまで抜本的に便利になったってわけでもなかったけど。

ということで、VicunaというWordpress用のテーマを元にちょこちょことデザインを変更してみました。まだ色とかを弄くる気にはならない。WEBデザインの基本がなってないとかいわれそうなんで。

一番苦労したのは、Twitterのアイコン画像を表示するところ。最新のアイコンを持ってきたい。

?色々調べたけど、せっかくPHPのWordpressなんだしカスタマイズすることにした。functions.phpの最後に以下を追加。

function twitter_icon(){
 $username = 'Twitterのユーザ名';

 $url = "http://twitter.com/statuses/user_timeline.xml?screen_name=" . $username . "&count=1";
 $xml = simplexml_load_file($url);

 echo "<img src=\"" . $xml->status->user->profile_image_url . "\"> ";
}

そして、表示したい箇所に、

<?php twitter_icon(); ?>

を記述すればいい。これで表示するたびに最新の画像をとりにいく。

デザインも新しい感じになったので、古い記事とかも消していこうかなと思っている。Twitterのつぶやきみたいなエントリーが多すぎ。というか、つぶやきはTwitterに投稿しているので、Twitterをサイドバーに再度表示するように戻しました。

さ、外見はこんな感じにして、後は中身、コンテンツだなー。

とつぶやきみたいなエントリーでした。