Switch branches/tags
Nothing to show
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
..
Failed to load latest commit information.
1.2.x
illustfolio.html
license.md
readme.md

readme.md

Illustfolio

Free responsive tumblr theme for illustrators

llustfolioは、イラストのポートフォリオサイトに特化した無料Tumblrテンプレートです。
Tumblrに画像をアップロードするだけで簡単にポートフォリオサイトが作れます。
@sanographixがデザインしています。


[おしらせ] Illustfolio 3 を作りました

Illustfolio をベースに、新しいデザインと多数の新機能を盛り込んだ Illustfolio 3 を作りました。これから Illustfolio を使いはじめるなら Illustfolio 3 をおすすめします。

紹介ページ→ http://sanographix.github.io/tumblr/illustfolio3/

(お知らせ終わり)


Demo

デモページはこちらです

http://illustfolio.tumblr.com/

インストール

ポートフォリオ用に新しくブログを作成する場合(推奨)

  • テーマのhtmlをコピーする
  • Tumblrでブログを新規作成する
    • Tumblrは1つのアカウントで複数ブログ作れます
  • Tumblrのテーマカスタマイズ画面を開く
  • もとのhtmlを削除してillustfolio.htmlを貼り付ける

既存のTumblrブログを使う場合

  • テーマのhtmlをコピーする
  • Tumblrのテーマカスタマイズ画面を開く
  • (元のhtmlはバックアップを取っておいたほうが良いです)
  • もとのhtmlを削除してillustfolio.htmlを貼り付ける

投稿

  • 「画像」形式で投稿します。
    • 現状、画像以外の形式に対応していません(投稿してもページに表示されません)。

画像にタイトルを設定する

Tumblrは画像投稿にタイトルを設定できません。そこで、キャプション欄に見出しタグを設けることでタイトルっぽくできます。タイトルの書き方は下記を参考にしてください。

<h2>画像のタイトル</h2>
<p>画像のキャプション画像のキャプション画像のキャプション…</p>

オプション

おすすめ設定

  • 1ページあたりの投稿数を「9」に
  • 「モバイルレイアウトを使用する」の チェックを外す

デザイン設定

設定項目 説明
Show Like Button イラスト詳細ページにFacebookの「いいね!」ボタンを表示します。
Show Pin It Button イラスト詳細ページにPinterestの「Pin It」ボタンを表示します。
Show Plus One Button イラスト詳細ページにGoogle+の「+1」ボタンを表示します。
Show Tweet Button イラスト詳細ページにツイートボタンを表示します。
設定項目 説明
Show Your Facebook Username ページのフッタにあなたのFacebookアカウントのリンクを表示します。
Show Your Twitter Username ページのフッタにあなたのTwitterアカウントへのリンクを表示します。
Show Your Google Plus ID ページのフッタにあなたのGoogle+アカウントへのリンクを表示します。
Show Your Pixiv ID ページのフッタにあなたのPixivアカウントへのリンクを表示します。
設定項目 説明
Your Name あなたのハンドルネームを入力してください。
Your Profile 自己紹介を入力してください。
Your Facebook Username あなたのFacebookアカウントを入力してください。
Your Twitter Username あなたのTwitterアカウントを入力してください。
Your Google Plus ID あなたのGoogle+ IDを入力してください。
Your Pixiv ID あなたのPixiv IDを入力してください。
Google Analytics Tracking ID Googleアナリティクスを使いたい場合は、ここにトラッキングIDを入力してください。

ページ管理

  • 自己紹介ページなど、投稿とは別の固定ページを作成したいときは「ページを作成」をクリックしてページを作成します。
  • 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダのナビゲーションにそのページへのリンクが追加されます。

Special Thanks

デモページは火曜さんのイラストを使用させていただきました。ありがとうございます!
http://www.pixiv.net/member_illust.php?id=62835

Known Issues

  • IE7以下でFont Awesomeが表示されない
  • 画像以外も投稿したい

困ったときは

問い合わせる前にFAQを読みましょう。

一般的なよくある質問

よくある質問を下記にまとめたので参照してください。

Author

Showkaku Sano (sanographix)

Graphic designer from Kyoto.

本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。

Changelog

1.4.0 (2014/04/16)

  • フォトセットをレスポンシブデザイン対応

1.3.0 (2014/01/12)

  • フォントをイタリックから Normal に変更
  • font-awesome を最新版に

1.2.0 (2013/05/05)

  • パーマリンクに Like & Reblog ボタンを表示

1.1.1 (2013/03/04)

  • Photosetのパーマリンク表示に対応
    • 今まではトップページのサムネイルをクリックするとその場で画像が展開されましたが、パーマリンクに飛べるようにしました
    • パーマリンク先ではPhotosetの画像は1枚ずつ表示され、iframeによるレイアウトはされません(レスポンシブデザイン対応のため)

1.1.0 (2012/12/16)

  • Photosetの投稿に対応
  • パーマリンクにページャを追加

1.0.2 (2012/12/12)

  • Pixiv IDとGoogle+ IDが反映されない不具合を修正
  • FirefoxとIE9でwebfontが表示されない不具合を修正

1.0.1 (2012/12/10)

  • IE8以下でスライドショーが崩れるのを修正
  • パーマリンクのCSSを修正
  • Analyticsの変数がちゃんと指定されてなかったのを修正

1.0.0 (2012/12/09)

  • 公開

Illustfolio

Illustfolio is free responsive tumblr theme for illustrators.

Features

  • Easy to create portfolio for illustrators
  • Customizable
  • Retina ready
  • Responsive design
  • Including slideshow module

Usage

  1. Copy this HTML file.
  2. Create a new tumblr blog, and open design settings.
  3. Press "Edit HTML", delete current HTML and paste Illustfolio HTML.
  4. Select "Photo post", post your works to tumblr.

Options

Recommended settings

  • 9 entries per page
  • Don't use mobile layout

License

Copyright (c) SANOGRAPHIX.NET

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.