Tumblrで作るイラストポートフォリオの作り方|無料&独自ドメイン対応で未経験でも安心

Tumblrで作るイラスト ポートフォリオ
yama

案件をたくさん受けるために、イラストのポートフォリオサイトを作った方がいいのかな?

taka

SNSだけでも作品は発信できるけど、ポートフォリオサイトがあると、
クライアント様が作品をまとめて確認しやすくなり、ご依頼につながりやすくなります。

yama

でもWEBサイトを作った事がないけど、どうやって作るの?
WEBデザイナーさんに依頼するにも、まだお金もかけられないし。

taka

無料でWEBサイトが作れるサービスは色々あるけど、多くは制限があってポートフォリオサイトとしては物足りないんだよね。
でも私も利用していたサービスがあるので紹介するね

イラストのポートフォリオサイトを作りたいけど

  • どのサービスを使えばいいか分からない
  • WEB制作が未経験で、見せられるサイトになるか不安
  • 出来れば無料で始めたい

そんな方におすすめなのが、Tumblr(タンブラー)を使ったイラストポートフォリオサイトです。

Tumblrは無料で使えるブログサービスですが、実はイラストのポートフォリオとして、相性が非常に良いサービスです。

この記事では、

  • Tumblrがイラストのポートフォリオに向いている理由
  • 独自ドメインを使うメリット
  • Tumblrでポートフォリオサイトを作る基本手順
  • ご依頼につながるポートフォリオサイトにするためのポイント

について、まとめて解説します。

目次

イラストポートフォリオサイトにTumblrを選ぶメリット

イラストのポートフォリオサイトとは?WEB制作が未経験でも作れる?

イラストのポートフォリオサイトとは、テーマやカテゴリー別にイラストをまとめて見れるWEBサイトです。

仕事の依頼や副業を考えていなくても

  • 自分のイラストをテイストごとに整理できる
  • SNSだけよりも信頼感が出る
  • TumblrやWEB検索からも作品を見てもらえるようになる

といったメリットがあります。

今は無料で作れるサービスもありますが、ノーコードで直感的に作れるサービスも増えてきています。

イラストのポートフォリオサイトにTumblrがオススメな理由

TumblrとはアメリカのAutomattic社(WordPress.com運営)が運営するブログとSNSが融合したプラットフォームです。リブログ・フォローなどSNSのような拡散性もあります。また高いデザイン性とカスタマイズの自由度で、オリジナルのブログサイトを作れます。

taka

私も1番最初はTumblrでポートフォリオサイトを作りました。
その理由を解説します。

\Tumblrで作ったポートフォリオサイト /

イラストのポートフォリオサイトが作れるサービスは数々ありますが、Tumblrには次のような強みがあります。

無料で始められる

初期費用なし。基本無料でずっと使えます。

容量に制限がない

画像がメインのポートフォリオサイトは、たくさんの作品をアップロードするため、WEBサイトや他サービスであればサーバーの容量に制限がありますが、Tumblrは制限なくアップロードできます。

テンプレートが充実している

WEBデザインやコーデイングが出来なくても、テンプレートを使うことで、オシャレなデザインのサイトが簡単に出来ます。有料のものから無料のものまで、テンプレートの数も豊富です。

カスタマイズの自由度が高い

HTMLやCSSで自由にカスタマイズして、自由にオリジナル性のあるポートフォリオサイトを作れます。

独自ドメインが使える

独自ドメインが使えることで

  • 無料ブログ感を減らせる
  • 仕事用としての信用度・信頼感が向上する
  • 後から他サービスへ移行しやすい

イラストポートフォリオとして使うなら独自ドメインがおすすめ

taka

Tumblrは通常だと
「〇〇.tumblr.com」というURLになります。

趣味用なら問題ありませんが、仕事や副業を視野に入れるなら 独自ドメインの設定がおすすめです。
(以前は無料でしたが現在は有料プランのみ設定できます。(年間7.99$)
有料にはなりましたが、サーバーを借りるよりは安いです。(サーバーは年12,000円程度)

独自ドメインを使うメリット

  • 通常のWEBサイトのようにみえる
  • 仕事用としての信用度・信頼感が上がり、クライアント様からの印象がよくなる
  • 名刺やSNSにドメイン名を載せやすい
  • 他サービスに移転しても、そのままドメインが使える(SEO評価を蓄積するため資産になる)

独自ドメインを使うデメリット

年間3,000円ほどの費用がかかる

  • ドメイン代(年間数百円~数千円)
  • Tumblr有料プラン(年間7.99$)
yama

多少費用はかかるけど、これぐらいの金額なら
すぐに仕事で回収できるね。

ドメインは年間で数百円〜千円程度で取得でき、設定もそこまで難しくありません。
おすすめは「●●.com」「●●.net」です。「●●.jp」は価格も高く、それ以外の見慣れないドメインは、価格が安いですが怪しまれる可能性があります。

ドメインの取得には「Xサーバー」「お名前.com」がおすすめです。
基本の流れは、

  • 使いたいドメインを考える。
  • 「Xサーバー」や「お名前.com」のサイトで、ドメインが空いているかチェック
  • ドメインが空いていたら申込。(クレジットカード情報を入力して契約)

とカンタンです。(サーバーは使用しませんので契約しないようにしましょう

taka

私自身も、仕事用として使うようになってから独自ドメインを設定しましたが、それだけで「無料ブログ感」はかなり薄れました。

各サイトに詳しい取得方法は記載しています

\ 国内最安値!Xサーバーはこちら /

\ 国内シェアNO.1!お名前.comはこちら /

Tumblrでイラストポートフォリオを作る基本手順

taka

ここからは、Tumblrでポートフォリオを作る流れを簡単に説明します。

STEP

Tumblrのアカウントを作成

Tumblr公式サイトでメールアドレスを登録し、アカウントを作成します。

\Google・Appleアカウントでも登録できます/

【アカウント登録内容】

  • メールアドレス・パスワードを登録
  • 生年月日を入力
  • ユーザー名を入力(作家名がオススメです)
  • 興味あるトピックを5つ選択
  • 認証メールが届いているので、認証を完了させて完了です。
STEP

ブログを設定する

このままでは単なるSNSのような使い方になります。
次にポートフォリオとなるブログページの設定を行います

イラストポートフォリオ Tumblr1

左メニュー①のブログ名を選択し、右メニュー②のブログ表示をクリック。

イラストポートフォリオ Tumblr2

「ブログ設定」をクリック。

イラストポートフォリオ Tumblr3

「外観を編集」をクリックすると編集モードになります。

【変更箇所】

  • アイコン画像を設定
  • 「題名未設定」をブログ名に変更
  • カスタムテーマはデザインテンプレートを使う際に有効化します。(下記で説明)
  • 「スキ!」を付けた投稿を公開する:オフにする
  • オススメタグ:Tumblr内で使用するハッシュタグです。
    事前に登録しておくと便利です。入力するときはハッシュタグは不要です。
  • 質問:「質問を受ける」をオフにする
  • ゲスト投稿:「ゲスト投稿を許可する」をオフにする
  • メッセージ:「フォローしているTumblrブログにのみ・・・」をオフにする。
  • アフィリエイトリンク:ポートフォリオの場合はオフにしましょう
  • 言語:「日本語」にする。
  • タイムゾーン:「Osaka,Sapporo,Tokyo」にする
  • 表示設定:全てオフにしましょう。※オンにすると検索で表示されなくなります。
STEP

テンプレート(テーマ)を選んで設定する

Tumblrには無料から有料まで多くのテンプレートがあり、テンプレートを使用するだけでオシャレなデザインのサイトが出来ます。

イラストレーターにおすすめの無料テンプレートは

illustfolio

の2つです。
イラストのポートフォリオに特化したデザインで、シンプルで使いやすいのが特徴です。
もちろんPC/スマートフォンに対応したレスポンシブデザインです。

taka

私も両方使っていました。
現在はillustfolio4にしています。

\illustfolio4を使っています。 /

私の場合はCSSでちょっとカスタマイズして使っていますが、そのままでもオシャレなサイトが無料で簡単に作れます

テンプレートの設定方法

「illustfolio3」「illustfolio4」のサイトにアクセスし、インストールしましょう。

illustfolio Tumblr設定1

「INSTALL ILLUSTFOLIO4」
「INSTALL ILLUSTFOLIO3」をクリック。

illustfolio Tumblr設定2

Tumblrの画面に遷移します。「設定する」をクリック。

これで完了ですが、もし変わってなければ
STEP2 ブログを設定する」の手順で「カスタムテーマを有効化」をオンにしてください

illustfolio Tumblr設定3

「テーマの編集」をクリック。

illustfolio Tumblr設定4

あとは左側(赤枠)部分を入力していくだけです。右側はプレビュー画面になります。

「illustfolio4」の場合

  • タイトル:サイトの名前を入力
  • 説明:descriptionタグ。検索結果の説明文を入力しましょう。
  • ヘッダ画像:サイトのメイン画像。「画像を選択」で登録。
  • プロフィール画像:プロフィールアイコンを設定しましょう。
  • プロフイール画像の形:〇か□かお好みで。
  • 背景色・タイトル色・強調色:サイトのメインカラーを設定しましょう。
  • ヘッダ画像~説明文を表示:基本はオンですが、お好みで。
  • Title Logo:ヘッダー(サイト上部)左上にロゴ画像を設定できます。
  • Body:サイトのフォント設定
  • Thumbnails Margin:サムネイルの余白サイズ
  • Thumbnails Size:サムネイルのサイズ
  • Crop Thumbnails:サムネイルのトリミング。基本オンで。
  • Show Tag List:タグリストの表示。お好みでオン。
  • Show Profile Section:オン
  • Show Index Entry Footer:オフ
  • Single Column Mode:オフ(基本1カラムなので)
  • Your Name:プロフィールの名前
  • Profile:プロフィール文(HTML入力可)
  • Your Website~Your Instagram Username:SNSのアカウント(リンク用)
illustfolio Tumblr設定5

赤枠部分でサイトのページを自由に追加ができます。
お問い合わせページや物販ページなど自由に作成しましょう。

taka

私の場合は
「ご依頼の流れ」や「プロフィール」ページを追加しています。

ページを追加するとサイト上部のメニューに、自動的にリンクが追加されます。

STEP

イラスト作品を投稿する

サイトのベースが出来たら、あとはポートフォリオにアップするイラストを投稿しましょう。

投稿は簡単でSNSのように投稿するだけです。

illustfolio Tumblr イラスト投稿1

TumblrのTOPページから「画像」をクリック。

illustfolio Tumblr イラスト投稿2
  • イラストをアップロードします。
  • キャプションを入力しましょう。
    ハッシュタグを入力すると、イラストの作風ごとにタグ検索できます。
  • 「今すぐ投稿」をクリックして完了です。

Tumblrで独自ドメインを設定する方法

taka

Tumblrでポートフォリオサイトが出来たら、
次は仕事用のサイトとして信頼感が出るように仕上げましょう!

独自ドメインの設定手順

STEP

独自ドメインの取得

まずは独自ドメインを取得します。(年間で数百円~数千円程度)
「Xサーバー」「お名前.com」がおすすめです。

各サイトに詳しい取得方法は記載しています

\ 国内最安値!Xサーバーはこちら /

\ 国内シェアNO.1!お名前.comはこちら /

STEP

ドメインの設定をする

「お名前.com」でご説明します。

IDとパスワードを入力し、「お名前.com Navi」にログインします。

Tumblr 独自ドメイン設定1

左メニュー「メニュー一覧」を開き、「DNS設定」をクリック。

Tumblr 独自ドメイン設定2

対象ドメインの「ドメインDNS」をクリック。

Tumblr 独自ドメイン設定3

「DNSレコード設定」をクリック。

Tumblr 独自ドメイン設定4

①下記を入力します。

ホスト名未入力でOK
TYPEA
TTL変更しない
VALUE66-6-44-4
優先入力なし
状態有効

②「追加」をクリック。

Tumblr 独自ドメイン設定5

「登録済レコード」タブに切り替えて、追加されたことを確認。

以上で「お名前.com Navi」での設定は完了です。

STEP

Tumblrで独自ドメイン設定をする

以前は無料でしたが、現在は有料プランのみ独自ドメインの設定が可能です。
年間7.99$かかりますが、レンタルサーバーを借りることを考えれば、約10分の1の費用で抑えられます。

Tumblr 独自ドメイン設定6

「設定」

Tumblr 独自ドメイン設定7

「接続」をクリック。

Tumblr 独自ドメイン設定8

「ドメイン」を入力し、「接続」をクリック。

「お名前.com」の設定が反映されていれば、ドメイン設定ページに移動します。
ドメインを接続するブログを選択し、完了です。

「お名前.com」の設定の反映は数時間~24時間ほどかかる場合もあります。
1日経っても反映されない場合は、「お名前.com Navi」の設定を確認しましょう。

Tumblrの支払い方法はクレジットカードかPaypalになります。

Tumblrのログインボタンなどを削除する方法

taka

せっかく素敵なポートフォリオが出来ても、Tumblrのログインボタンが表示されることで、無料サイト感が出てしまいますよね。

この「ログインボタン」などを削除することで、有料サイトのような見た目に仕上がります。

  • 「テーマの編集」から1番下の「詳細設定」をクリック
  • 「カスタムCSSを追加」に下記コードをコピーして貼り付けてください。
  • 「保存」を押して完了です。
/* ログイン非表示 */
iframe#tumblr_controls {
display:none;
}
#tumblr_controls, .tmblr-iframe{display:none !important;}
/*フッター*/
.install-button {
    display:none !important;
}
.footer-copyright {
    margin: auto;
}
.footer-theme-author {
    display: none;
}

まとめ(Tumblrなら低コストで仕事に活かせるポートフォリオサイトを作れる)

イラストのご依頼を増やしていくためには、作品をテーマ毎にまとめて見せられるポートフォリオサイトを用意することが重要です。

SNSは拡散力がある一方で、過去の作品が埋もれてしまったり、初めて見るクライアント様にとって、自分の求めるテイストに合っているか判断しづらいという弱点もあります。

ポートフォリオを作る上で、Tumblrは

  • 無料で始められる
  • イラストのポートフォリオとして相性がいい
  • テンプレートで、簡単にオシャレなポートフォリオが作れる
  • 独自ドメインにも対応している

という点から、初めてイラストのポートフォリオサイトを作る方に、おすすめのサービスです。

有料にはなりますが、低コストで独自ドメインに変更出来るので、仕事用サイトとしても信頼感がアップします。

taka

私自身も、最初のポートフォリオサイトはTumblrで作成しましたが、
作品をまとめて見てもらえる環境を用意したことで、ご依頼にも繋がりやすくなりました。

まずは無料でポートフォリオを作成してみましょう。
継続して使用する場合は独自ドメインを設定することで、仕事用として信頼性の高いサイトになります。

WEB制作が未経験の方でもTumblrなら簡単に始められるので、ぜひ自分の作品をまとめたポートフォリオサイトを作ってみてください。

以下の記事では、
仕事を獲得するための「WordPress」を使ったポートフォリオサイトの作り方や、
無料から始められるポートフォリオサービスの紹介をしています。
是非ご覧ください。

よかったらシェアしてね!
  • URLをコピーしました!
目次