イラストや写真を投稿すると全自動でTumblrにポートフォリオが完成する「Illustfolio 2」

2013年6月3日 12時0分

レスポンシブデザイン・Retinaディスプレイ対応などは以前の「Illustfolio」のままに、さらに個別ページのイラストをより大きく、パーマネントリンクに最新記事のサムネイルを表示、加えてExif情報も表示できて写真ブログとしても使えるようにパワーアップしたのが、Tumblrに画像をアップロードするだけで簡単にポートフォリオサイトが作れるTumblrテーマ「Illustfolio 2」です。

Illustfolio 2 - イラストポートフォリオサイトを一瞬で作れるTumblrテーマ
http://sanographix.github.io/tumblr/illustfolio2/

これは過去に公開されたIllustfolioのデザインをリニューアルしたもの。前身であるIllustfolioは以下のようなデザインで、1ページあたりの画像の表示は3×3で9枚、表示される画像は長方形で、ページの最下部にプロフィール等が表示される形になっています。

そして以下がIllustfolio 2のデモページ。トップページの上部にスライドショーが表示され、その下に4×3で計12枚のイラストが表示されています。ページの右上にアバウトページなどのリンクを設定できることはそのままですが、ページ最下部にあったプロフィールなど情報は削除され、よりシンプルかつ画像を中心としたデザインになっていることが分かります。

Illustfolio2
http://illustfolio2.tumblr.com/

個別ページはこんな感じ。表示される画像の最大サイズは770pxから880pxへとより大きめサイズに変化しました。

画面右端には最新記事のサムネイルが表示してあり、訪問者に他のイラストも見てもらいやすくなっています。

サムネイルの上にはタグ表示。

これまでにつけられたタグの一覧は、ページ上部の「Tags」をクリックすると見られるようになっています。

イラストだけでなく、写真を公開するフォトブログにも使えるようなデザイン。

絞りやカメラの機種など、Exif情報も表示できるようになっています。

Illustfolio 1との比較は以下のような感じ。いずれもスライドショー・レスポンシブデザイン・Retinaディスプレイ対応などは共通しており、2はそれに加えオリジナルの投稿元を表示できるようになっていたり、コメント表示が可能になっていたりします。

ダウンロードを行うにはトップページににある「Download Illustfolio 2」をクリックします。

GitHubに飛ぶので、テーマのhtmlをコピーし、Tumblrテーマのカスタマイズ画面から「HTMLを編集」にペーストすればOK。詳しい手順も以下のページから見ることが可能です。

tumblr/illustfolio2 at master · sanographix/tumblr · GitHub
https://github.com/sanographix/tumblr/tree/master/illustfolio2