週刊アスキー

  • Facebookアイコン
  • Twitterアイコン
  • RSSフィード

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

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

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

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

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

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

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

20141014_arai_tumblr_10-01
Adobe Photoshopで作成した、私の公式ブログ「Official Ayaka Ikezawa」のデザイン
20141014_arai_tumblr_10-01
実際に公開している「Official Ayaka Ikezawa」。若干変更点はありますが、元のデザインに近いものになっています

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

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

 「この講座は、Tumblrカスタマイズをはじめたい、ウェブサイトを作ってみたい、という人が対象です。これから、記事にソースコードを組み込んで行きますので、それらをコピー&ペースとして使いながら、Tumblrカスタマイズを学んでいってください」

20141014_arai_tumblr_10-01

■関連リンク
「池澤あやかのギーク道」公式Facebook
池澤あやかさん公式ブログ
池澤あやかさん公式Twitter

この記事をシェアしよう

週刊アスキーの最新情報を購読しよう