ワタナベのブログ

オンラインサービスは基本テーマ＋追加CSSがいい

マイクロブログやミニブログと呼ばれている twitter や tumblr というサービスがありますが、その tumblr のカスタマイズの方法で、「これくらいがちょうどいいよね」と思ったインタフェースがあったので紹介します。

実際の tumblr の画面は私のページを見ていただいたり、ほかの方のページをご覧いただくこととしますが、これらのページの見てくれはいろいろとカスタマイズすることができます。

具体的には自分の管理画面にログインして"Theme"を選ぶと、あらかじめ用意されていたり、他のユーザから投稿されたテーマが右図のように表示され、「まぁ、これなら好みに近いかもなぁ」というものを選択することができます。

でもここは少しこだわりを見せてみましょう。

テーマを選んだ上で、"Use custom HTML" をクリックするとそのテーマのHTMLをベースにHTMLを編集する画面に切り替わりますので、HTMLを駆使して自分の好みのテーマに仕立てることができます。

ただ、、、これは少し面倒ですね。気になるのは些細な部分だけなんですが。

私がいいなと思ったのはこの辺りで、下の画面のように "Add custom CSS" として既成テーマをベースにスタイルだけ調整できるようになっています。

以下の例では、link として投稿した記事の h3 タグのフォントをテーマで規定されている 1.4em より小さめにしたくて、ベースのフォントサイズに合わせるようにしました。

私はよく Firefoxアドオンの Greasemonky や Stylish を使ってサイトの見た目をいじったりしますが、やりたいことは実はちょっとスタイルを変えたいということだけだったりします。

オンラインサービスのつくりとして、基本テーマ＋ユーザが追加可能なCSS というのは結構いいバランスだと感じました。

トラックバックURL:

カスタムCSS は Secure-SBM にも取り入れたいと思ってるのですが、そこまでまだまだ手が回りません。

ちなみに私は Twitter を使ってます↓
http://twitter.com/ikarashi

カスタムCSSって比較的簡単にできそうですからね。
ただそうすると、HTMLのタグ付けをうまーくやってあげないといけないですね。 id だらけや class だらけにならないように。

ところで私は twitter には手を出せてません。
tumblr にしろ、 del.icio.us にしろ、備忘録的にしか使ってないので
つぶやく（発言する）というモチベーションはあまり大きくないんです。

Secure-SBM は一応、後々の事を考えて、id や class でブロック付けしてあります。その辺りのこと、まだドキュメント化してません。

パソコン通信時代、チャット好きだったのですが、Twitter は時間の流れがゆるーいチャットという感じで、好きなんです。それぞれ関係ないことつぶやいたりしてますけど(笑

プロフィール

ワタナベ

サーバ管理が趣味の渡邉充隆です。

仮想化やネットワーク構成に興味があります。
あとは、ウェブ系の技術（プログラミングからインフラまで）も好きで、特にデータの見せ方などを工夫することで情報の流通や再活用を促進する技術を研究しています。

dev.tyzoh.jp ではｓｓｄｂの（コアではなく）周辺のコードをいじっています。

カテゴリ

月別アーカイブ

RSSフィード