池澤あやかが教える、はじめてのTumblrカスタマイズ講座「Tumblrカスタマイズの概要」

2014年10月16日 17時00分更新

　女優の池澤あやかちゃんは、文句なしの美女でありながら、Ruby界でも女神と呼ばれるほどの「本物」っぷりを発揮しているガチでギークな女優。「ばりばりプログラムができる」特技を生かして活躍中です。

　そんな池澤あやかちゃんが、ウェブサービス「Tumblr」の使い方やカスタマイズ方法などについて解説する本連載。これまではTumblrのテンプレートなどを利用してカスタマイズしていましたが、今回からは、いちからカスタマイズしていく方法を紹介します。しかも、池澤あやかちゃんがホワイトボードを使って解説するビデオ講座！映像で簡潔にまとめることで、初心者にもわかりやすいものになっています。

今回のアジェンダ
・Tumblrカスタマイズとは？
・基本的なやり方の概要
・対象ユーザー

通常のウェブサイト同様、デザインを決めて実装する

　「Tumblrのカスタマイズは、普通のウェブサイトを作るときと同じ工程です。デザインを作り、HTML、CSS、Java Scriptなどを使ってデザインを忠実に実装し、サーバーにアップして公開します。デザインについては、Adobe Photoshopなどのグラフィックソフトできちんと作ります。完全に見た目を決めてしまって、それをそのまま実装していくほうがきれいなデザインになるんです」



Adobe Photoshopで作成した、私の公式ブログ「Official Ayaka Ikezawa」のデザイン



実際に公開している「Official Ayaka Ikezawa」。若干変更点はありますが、元のデザインに近いものになっています

　「普通のウェブサイトと異なるのは、Tumblrの独自タグがあることです。ソースコードを見ればわかりますが、基本的に｛｝で囲まれたものがTumblrの独自タグになります。Tumblrだけで利用できるものなので、覚えていく必要があります。また、サーバーについてはTumblrのサーバーを使うので、そこにデザインしたサイトをアップすればOKです」



Tumblrサイトの「HTMLを編集」でソースコードを見ると、｛｝で囲まれた部分があります。これがTumblr独自タグです