マークアップの練習をしたいなーと思って，手頃な課題として Tumblr のテーマいじりをしてみた．
Twitter の HTML 構造をじっくり眺めて，それに合わせて Tumblr の HTML を組み立てて，少しずつ CSS を書いていこうと当初は思ったんだけど，Tumblr の custom HTML が面白いってことに気が付いて段々と逸れていった．結局，Twitter の CSS を丸ごと当てて，必要なものをちょいと足したくらいだ．
サイドバーの「Stats」の部分，Twitter では followings とか Updates がある部分に，Tumblr のポスト種類別の内訳を表示させたいと思って，その副産物が先日作った TumblrPostChart でした．
当初の目的は果たされてなかったりするけれど，改めて Tumblr の API を眺めたりする中で気付いたこともいくつかあったし，楽しく作業できたのでよしとしよう．
(追記) テーマのソースを公開します
lomoさんから「公開してほしい！」とのありがたいお言葉をいただいたので，テーマのソースを以下に公開します．
Tumblr theme like a Twitter (txt)
gist: 4089 — GitHubにおきました！
(ファイル置き場に Dropbox を使ってみる．ローカルファイルを編集したら Web 上のファイルも勝手に更新してくれて便利だね)
自由に使っていただいて結構です．テーマ適用の際の注意点は以下の通り．
- API のエンドポイントを自分のユーザ名に合わせて書き換える．[USERNAME] や june29 で検索をかけて次々に直してください
- サイドバーのプロフィールを自分のものに置き換える
favicon の URL を書き換える．そのまま使うと「裸」のアイコンになっちゃう(Tumblr の Favicon を使うように修正)- ページ上部の検索ボックスは飾りです．何も機能しません
- 画像はボクのサーバから読んでいるので，ボクのサーバが落ちていると表示できません．必要であれば，他の場所に設置して URL も書き換える
- ボクが確認していないブラウザで JavaScript が正しく動作しなかったらゴメンなさい
- すべてのポストに「by Tombloo」が付きます．必要に応じて直してください
- (2008/05/19 追記) 上部のナビゲーションバーの Dashboard へのリンクがスペルミスで死んでいた…＞＜
[...] TumblrのテーマをTwitter風にしてみた - cameraLady tumblr模板 (tags: tumblr twitter theme) [...]
すごいですね～。
それで、http://june29.tumblr.com/ なんですけど、
上の方のダッシュボードのリンクがちょっと間違っているみたいです…。
綴りが…(^-^;
jdash2000さん
コメントありがとうございます！ そしてご指摘の件，確認して修正いたしました！ 助かりました！
かなり今更感が強いのですが、ソースコード中の7ヶ所くらいにある
「a href=”ReblogParentURL”」
は、すべて
「a href=”{ReblogParentURL}”」
が正しいです。
このテーマを採用している人全員が、{ReblogParentURL}コマンドが正しく動作していない状況です。
修正版をgithubに公開しました。 http://gist.github.com/5376
Maraigue さん
問題のご指摘，ありがとうございます．該当箇所を確認した上で，gist の fork を merge させていただきました．