Tumblr(タンブラー)の高クオリティすぎて一目置かれるテンプレート32選
簡単にブログやWebマガジンが作れる「Tumblr」が最近人気を集めています。
Tumblrの特徴といえば、オシャレでデザイン性の高いテンプレートが豊富に揃っていることです。
クリエイターのポートフォリオに最適なものからブログにぴったりのものまで幅広いデザイン・レイアウトのものを選択することができます。
今回はTumblrの数あるテンプレートの中から、オススメのテンプレートを48個まとめてご紹介します。ご自身にぴったりのものを探してみてください。
Tumblrオススメのテンプレート32まとめ
1.Zen
https://www.tumblr.com/theme/39508
画像、テキストを大きめに表示し見やすくレイアウトしてくれるテンプレートです。
ソーシャルボタンも用意されています。
2.Minimalism
https://www.tumblr.com/theme/39633
画像収集に最適なテンプレートです。
白ベースの配色で使いやすいデザインです。
3.Excelle
https://www.tumblr.com/theme/39425
2カラムのリキッドレイアウトでデザインされたテンプレートです。
ボタンを押すタイプのページャーがついています。
見やすく、ブログに使いやすいデザインです。
4.Ultro
https://www.tumblr.com/theme/39614
横幅いっぱいにレイアウトされた2カラムのテンプレートです。
写真、テキストどちらも見やすくブログにオススメのデザインです。
5.Pop Gallery Lite
https://www.tumblr.com/theme/39494
円形サムネイルを綺麗に配置したお洒落なテンプレートです。
SNSボタン、検索バーがついています。
6.LOUP
http://totoraj930.github.io/tumblr/loup/
ブログを書くために作られたシンプルなフラットデザインのテンプレートです。
2カラムで分かりやすくレイアウトされています。
7.Zeph
https://www.tumblr.com/theme/39048
シンプルでモダンな印象の1カラムテンプレートです。写真とテキストを幅広く表示します。
投稿でアイコンが変わるのが特徴的です。
8.Square
https://www.tumblr.com/theme/39044
ポートフォリオとして使うのに最適なテンプレートです。
ポートフォリオに必要な機能が一通り備わっています。
ロゴ画像をアップロードすることでカスタマイズができたり、日付形式も選択できます。
9.Timeliner
http://www.tumblr.com/theme/36286
グループブログに最適なテンプレートです。
カテゴリ分け、ソーシャルリンク、無限スクロールなどの要素を備えています。
10.Illustfolio 3
https://www.tumblr.com/theme/39341
イラストレーター向きポートフォリオが作れるテンプレートです。
トップページには横幅いっぱいに画像を配置できます。
無限スクロール採用で、イラストを次々に見せることが可能です。
11.Blogit
http://www.tumblr.com/theme/38887
1カラムで余白をいっぱいとったデザインのテンプレートです。
画面をスクロールするとヘッダが固定されます。
ページャーも上部にあり使いやすいのが特徴です。
12.Kotak
https://www.tumblr.com/theme/37827
シンプルなミニマルデザインのテンプレートです。
すっきりした幅狭めの2カラムレイアウトが特徴的です。
13.Silkyflat
http://www.tumblr.com/theme/38338
文字と画像をシンプルに美しく見せられるテンプレートです。
落ち着いた赤とグレーの配色もオシャレです。
14.Dreaming
https://www.tumblr.com/theme/31391
横スクロールがユニークなテンプレートです。
マウスカーソルに合わせて移動します。
テキストは読みづらいものの、写真メインなら使えそうなデザインです。
15.Hipster
https://www.tumblr.com/theme/39445
簡単にカスタマイズ可能なミニブログにも使えそうなテンプレートです。
スマートフォンからも見やすく、スッキリとした見た目です。
16.Berlin
https://www.tumblr.com/theme/39189
画像をタイル状に画面いっぱい配置したテンプレートです。
写真を沢山掲載したいという方にぴったりです。
17.Photo Stack
http://www.tumblr.com/theme/31615
ポラロイド写真をまとめたようなユニークなテンプレートです。
マウスカーソルを合わせると、サムネイルが綺麗に配置されます。
写真をメインにしたい方にオススメです。
18.Themanati
https://www.tumblr.com/theme/9540
3カラムのリキッドレイアウトテンプレートです。
ビジュアルをまとめるのにぴったりです。
19.Nara
https://www.tumblr.com/theme/39397
白を基調としたクリーンなテンプレートです。
無限スクロールで投稿が見やすく、所々デザインに取り入れられた黒が写真を引き立ててくれます。
20.Shiyori
https://www.tumblr.com/theme/39279
写真もテキストも見やすく配置してくれるテンプレートです。
ボタン、画像表示の動きなど細かな部分までデザインされている印象があります。
無限スクロール採用です。
21.Whiting
https://www.tumblr.com/theme/39207
モノクロ、1カラムと非常にシンプルなテンプレートです。
無駄がないのでとても使いやすいデザインです。
21.Esten
https://www.tumblr.com/theme/39042
横幅いっぱいサイズのスライドショーを掲載できるテンプレートです。
見出し部分のデザインがユニークでお洒落なのも特徴的です。
23.Accra
https://www.tumblr.com/theme/39225
カスタマイズが簡単な、使い勝手のいいテンプレートです。
レイアウト変更が用意で楽々イメージを変えることができます。
ビジュアルで見せたい方にオススメです。
24.Wallstocker
http://www.tumblr.com/theme/38586
写真を綺麗に配置してくれるクリーンなデザインのテンプレートです。
様々なソーシャルメディアのリンク表示ができたり、シェア機能があったりと機能面も抜群です。
25.Optica
https://opg.optica.org/optica/home.cfm
カバー画像と顔写真を掲載できるテンプレートです。
左上部をクリックするとメニューを表示できます。
シンプルな作りで汎用性の高いテーマです。
26.PhotoBoard
https://www.tumblr.com/theme/113
要素を動かしたり消したりできる機能がユニークなテンプレートです。
枠のサイズが固定でやや大きめなので、見やすいデザインです。
27.Chunky
https://www.tumblr.com/theme/5932
個性的な配色が目立つデザインのテンプレートです。
特にヘッダにインパクトがあります。
28.hobo
https://www.tumblr.com/theme/25577
縦長の画像配置がユニークなテンプレートです。
サイドには顔写真やプロフィールを掲載することができます。
29.Organ
https://www.tumblr.com/theme/9517
オルガンのように配置されたサムネイルが個性的なテンプレートです。
マウスを乗せると画像が表示されます。
30.Native Citizens
https://www.tumblr.com/theme/23972
大きめの2カラム表示でシンプルな印象のテンプレートです。
ナビゲーション、ヘッダは固定されています。
31.Quick Reader
https://www.tumblr.com/theme/39178
文章を多く掲載したい方にオススメの、長文テキストが読みやすいテンプレートです。
タグで記事を探せる機能がついています。ユニークなリボンも特徴的です。
32.Written
https://www.tumblr.com/theme/38737
白背景に黒テキストだけのとてもシンプルなテンプレートです。
テキストを掲載したい方に最適です。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- ブログ
- ブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- クロール
- クロールとは、検索エンジン内のシステムであるクローラ(ロボット)が一つ一つのサイトを巡回し、サイトの情報を収集することを指します。
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- ソーシャルメディア
- ソーシャルメディアとは、インターネット上で不特定多数の人がコミュニケーションを取ることで、情報の共有や情報の拡散が生まれる媒体のことです。FacebookやTwitterなどのほか、ホームページ上の掲示板もこれにあたります。
- リンク
- リンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。
- シェア
- シェアとは、インターネット上で自分が見つけて気に入ったホームページやブログ、あるいは、Facebookなど自分自身が会員登録しているSNSで自分以外の友達が投稿した写真、動画、リンクなどのコンテンツを自分の友達にも共有して広めたいという目的をもって、SNSで自分自身の投稿としてコンテンツを引用し、拡散していくことをいいます。
- サムネイル
- サムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。 一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。 元々は親指の爪(thumb nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。
- ナビゲーション
- ナビゲーションとは、もともと「目的地までの経路」や「道順案内」を意味する英単語です。しかし、インターネットの分野では、ホームページにある主要コンテンツをまとめたリンクを指します。これがあることで、ユーザーは目的のページがどこにあるかを短時間で見つけることができます。また、検索エンジンのクローラー(検索ロボット)に対して、効率的にサイト内を巡回させるという効果もあります。 ナビゲーションには「グローバルナビゲーション」と「ローカルナビゲーション」の二つがあります。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング