Tumblrの使い方!ブログ作成/デザインカスタマイズ方法を解説!

Tumblrの使い方や、ブログの作成の仕方・デザインのカスタマイズの方法などをご紹介します。その他にも、メリットやデメリット・上級者向けの活用法もご紹介しています。Tumblrの使い方など参考にして素敵なブログを完成させて下さい。

Tumblrの使い方!ブログ作成/デザインカスタマイズ方法を解説!のイメージ

目次

  1. 1Tumblrとは
  2. ブログやWebマガジンが簡単に作成できるWebツール
  3. 2Tumblrのメリット/デメリット~
  4. メリット
  5. デメリット
  6. 3Tumblrの使い方~基本~
  7. ダウンロード/インストール方法
  8. 初期登録方法
  9. 4Tumbleの使い方~各種設定変更~
  10. BGMの変更
  11. トランジションの設定
  12. 5Tumblrの使い方~ブログ作成~
  13. ブログのURLを決める方法
  14. Tumblrをブログとして表示させる方法
  15. ブログを書く方法
  16. 自分のブログを見る方法
  17. 6Tumbleの使い方~アイコンの設定~
  18. 設定方法
  19. 7Tumblrの使い方~ブログデザインのカスタマイズ~
  20. テーマの探し方
  21. 日本語フォントの設定の仕方
  22. 8Tumbleの使い方~上級者向けの活用方法~
  23. 独自ドメインが設定できる
  24. 情報収集ツールが使用できる
  25. スクラップツールとして使う事が可能
  26. 9Tumbleの使い方~Webメディアの運営方法~
  27. Webメディアの作成方法
  28. まとめ
  29. 合わせて読みたい!SNSに関する記事一覧

Tumblrとは

Tumblrは、2007年3月にリリースされました。アメリカのDavidville.incという会社が運営していて、世界中で人気のWebログサービスとなっています。Tumblrは2011年に日本でリリースされています。

ブログやWebマガジンが簡単に作成できるWebツール

ブログ型になっているSNSで文章や画像以外にも動画・インターネットでの記事・音楽など様々なデータを保存できるようになっています。

Tumblrは、TwitterやFacebookと似ていて投稿の内容がタイムラインで表示されます。TwitterやFacebookのいいね!と同様にスキというアイコンが表示されていて、投稿に対してのアクションも出来ます。

他のユーザーが投稿したものをリブログというアイコンで再投稿することも可能です。Tumblrは、ブログとSNSが一体化したサービスとなっています。

Sign up | Tumblr
ThumbTumblr(タンブラー)とは?機能/活用方法をくわしく解説!
Tumblr(タンブラー)をご存知ですか?タンブラーとは、アメリカ発のメディアミックス・ウェ...

Tumblrのメリット/デメリット~

世界中でも人気のTumblrのメリットとデメリットとは何なのかご紹介します。

メリット

まずは、Tumblrのメリットから紹介します。

完全無料で使用可能

Tumblrは、TwitterやFacebookと同じく無料で使うことが出来ます。機能も豊富で無料なのに出来ることも多くなっています。一部のデザインなどは有料のものもありますが、無料のものも多くなっているので完全無料でもTumblrを十分楽しむことが出来ます。

拡張機能付き

Tumblr専用の無料の拡張機能もあります。FirefoxアドオンのひとつのTumblr Postという拡張機能があり、Tumblrへ投稿する手間が省けたり自分のブログへのアクセスもとても簡単になります。

画像にキャプション機能を付けれられる

キャプションの追加

Tumblrへ画像を投稿するときにキャプションと言って画像の説明文を付けることも出来ます。一枚の画像だけでなく複数の画像にキャプションを作成出来るので画像が分かりやすくなります。

デメリット

無料で楽しむことが出来るTumblrのデメリットをご紹介します。

コメント機能は外部のサービスが必要

Tumblrで自分の投稿した記事を読んでもらった人からコメントをもらえるようにしようと思うと、DISQUSというサービスが必要になってきます。DISQUSは登録が簡単で無料となっていますが、Tumblrだけで済ませたい人には少し手間かもしれません。

カテゴリーがない

Tumblrでの投稿のジャンルは、カテゴリがないのでタグで代用するようになっています。コメント機能と同様に、外部のサービスを利用しなくてはいけないのがTumblrのデメリットとなっています。

Thumb「はてなブログPro」のメリット/デメリットをくわしく解説!
皆さんははてなブログPro(はてなブログプロ)をご存知ですか?名前を聴いたらはてなブログのサ...

Tumblrの使い方~基本~

Tumblrの基本的な使い方のご紹介をしていきます。登録の仕方なども簡単に出来るので参考にしてください。

ダウンロード/インストール方法

基本的にTumblrは、ダウンロードやインストールの必要がありません。スマートフォンのアプリを使うのであれば、iPhone版ではApp store・Android版だとGoogle play storeでダウンロードしておきましょう。

初期登録方法

Tumblrの利用開始画面

Tumblrの初期登録も簡単になっています。パソコンでTumblrにアクセスすると利用開始とログインが表示されます。初期登録の方法を説明していきます。まず、利用開始をクリックします。

メールアドレス・パスワード・ユーザーネームを入力

メールアドレスやパスワード・ユーザーを名を入力して登録をクリックします。

年齢を入力

登録をクリックすると、年齢の入力が出てくるので入力して利用規約をよく読み同意しました。にチェックを入れて次へをクリックします。

スパム確認

「わたしはロボットではありません」にチェックを入れると仮登録が完了となります。完了をクリックしなくても自動的に次の画面に切り替わります。

トピックを選ぶ

自分の興味のあるトピックをクリックして、5つ選びます。Tumblrの登録が終わった後に選んだトピックの中でおすすめの投稿が表示されます。

NEXTをクリック

トピックを5つ選び終わったら、画面右上にあるNEXTをクリックします。

メールアドレスの認証

仮登録が終わっているので、登録したメールアドレスに確認のメールがTumblrから届きます。メールを開いて「はい!そうです」をクリックして本登録を完了させます。メールが届いていない場合入力ミスか迷惑メールのボックスに入っていることも考えられます。

本登録完了

メールアドレスの認証が終わるとTumblrの本登録の完了となり、おめでとうございます!という画面になります。

Thumb【初心者向け】「はてなブログ」の始め方/作成方法!
ブログを開設したい人におすすめなのが、はてなブログというブログサービスです。はてなブログは初...

Tumbleの使い方~各種設定変更~

Tumblrを作成するにあたって各種設定の変更の仕方をご紹介します。

BGMの変更

最近では、あまりホームページやブログなどでBGMを流している人が少なくなっています。しかしTumblrでBGMを入れることによってブログの雰囲気がとても良くなります。

BGMを入れるにはミュージック・プレイヤーを設置しなくてはいけません。簡単に出来るのでぜひ試してみてください。

動画につけるBGMを変更する方法

SMC Music Playerで好きなスキンを選ぶ

SMC Music Playerを使うと簡単にBGMをつけたり変更することが出来ます。好きなスキンを選ぶことから始めます。スキンの種類は、約4000種類以上あるので選ぶのも楽しむことが出来ます。

Nextをクリック

好きなスキンを選択しEdit Playlistをクリックするか、右下のNextをクリックします。

URLをSONG URL欄へコピペ

登録できるBGMは、自分のクラウド上のmp3の音楽かYouTube・SoundCloudにあるものになります。YouTubeかSoundCloudの音楽をBGMとして登録するときには、URLをSONG URLという欄へコピーしてぺ貼り付けをします。

右下のNextをクリック

コピーして貼り付けをしたらNextをクリックします。SONG TITLEは任意で変更することが出来ます。

BGMの様々な設定

様々な機能の設定の変更が出来るようになっています。自動再生やシャッフル再生・再生したときの音の大きさ・リピート再生などの設定が変更できるようになっています。設定を変更したら、Doneをクリックします。

コードが発行

Doneをクリックするとコードが発行されるのでTumblrに張り付ければ、完了となります。Tumblrへの貼り付けも簡単です。TumblrのHTMLテンプレートへ貼り付けるように説明が書かれています。

Tumblrのアカウントをクリック

ここから、Tumblrの画面に戻ります。人型のアイコンをクリックします。

Tumblrの設定

アイコンをクリックするとアカウントのタブが出てくるので、設定をクリックします。

Tumblrのブログをクリック

設定をクリックすると、Tumblrのブログが出てきます。ブログの下の自分の名前の部分をクリックします。

テーマ編集をクリック

すると様々な設定画面が出てきます。その中のサイトのテーマという個所のテーマ編集をクリックします。

HTMLの編集

テーマの編集を開くと、テーマ編集のすぐ下にHTMLの編集とあるのでクリックして開きます。

HTMLテンプレート

HTMLの編集を開くと、英語の羅列が出てくるので</script> ~ </body>を探してください。見つけたら</script> ~ </body>の間に前述でコピーしたコードを貼り付けるだけで作成が完成します。変更も簡単にすることが出来ます。

トランジションの設定

Tumblrの背景画面を、作成するにあたって気を付けておくことがあります。画像のつなぎ目が出ないような画像にすることです。パターンというつなぎ目のない背景画像をあらかじめ用意するか、1600×1400ほどの画像を用意しておくと良いかもしれません。

画像のつなぎ目のトランジションの設定方法

背景に大きな一枚の絵を使う時には、Tumblrのテーマ編集の中にある、Fixed Backgroundにチェックを入れておく必要があります。チェックを入れることで、大きな画像も固定されて配置しておくことが出来ます。

ThumbLINEトークルームに新機能「トークBGM」が登場!音楽を流す設定方法を解説
LINEに新機能「トークBGM」が追加されました。「トークBGM」とは、LINE MUSIC...

Tumblrの使い方~ブログ作成~

ここからは、ブログの作成についてのご紹介になります。

ブログのURLを決める方法

ブログのURL

まず、ブログのアドレスとなる文字列を決めていきます。最初は、登録したユーザー名になっています。なので変更しなくてもそのままブログのアドレスとして使うことが出来ます。半角の-(ハイフン)と英数字のみが使えるようになっています。

Tumblrをブログとして表示させる方法

投稿の種類

Tumblrをダッシュボードの機能だけで使うのはもったいないので、自分でも投稿してオリジナルデザインのページを作ってみると良いかもしれません。

Tumblrでの投稿の種類は7種類あります。テキスト投稿・画像投稿・引用投稿・リンクの投稿・チャット・音声や動画の投稿などが出来ます。

YouTubeを使っている人は、音声や動画の投稿を使うといいです。そしてリンクでは、紹介したい記事がある場合に使うことが出来ます。

ブログを書く方法

投稿の種類

Tumblrの投稿の仕方もとても簡単です。まず、投稿したい種類のもの選びクリックします。

テキストの投稿画面

ここでは、テキストで説明をしていきます。テキストの投稿画面では、大きくタイトルと書いてあるのでタイトルを入力して好きな文章を入力します。文章以外にもタグが付けられるので、自分に関連するものや作品などの単語を入力し投稿するをクリックします。

Tumblrの投稿画面

投稿するをクリックすると自分が投稿したものが実際に見ることが出来ます。これで投稿が完了です。

予約投稿とスケジュールの違い

Tumblrの予約投稿

予約投稿というと投稿の時間が指定できると思いがちですが、Tumblrでは異なっています。Tumblrでの予約投稿は、数日後とや数時間ごとに一定期間投稿を予約できる機能となっています。

同じ投稿を繰り返し一定時間が経つと投稿される機能になっています。Twitterでの定期ポストのような機能です。

時間が来たら投稿が出来るようにするには、スケジュールを使うと良いかもしれません。英語での起債なので分かりにくいかもしれませんが、自分の指定した日時に設定すれば設定した時間に投稿が出来るようになります。

自分のブログを見る方法

自分のブログを見る

Tumblrの自分のブログを見るには、人型のアイコンをタップしてアカウントを開きます。アカウントの中のヘルプの下にあるタブをクリックすると自分のブログに飛ぶようになっています。

初期設定のブログ画面

初めて自分のブログを確認した場合は、初期設定のデザインとなっています。このページが自分のブログのトップページとなっています。このトップページはTumblrに登録してない人でも自由に見ることが出来るようになっています。

ThumbTwitterで予約投稿する方法(公式)や無料ツールを紹介
Twitterのツイートを企業や個人がマーケティング・プロモーションを行うツールとして利用す...
ThumbTwitterで予約投稿する方法!おすすめアプリ/ツールを厳選【2018年最新版】構成
Twitterに投稿するとき、決めた時間にツイートをする場合があると思うのですが、急用などで...

Tumbleの使い方~アイコンの設定~

Tumblrのアイコンの設定方法をご紹介します。

設定方法

アイコンの設定方法も難しくはありません。自分の好きな画像などを用意して設定します。

ブログの設定

アカウントから設定をクリック

初期のままでは、ブログのタイトルが題名未設定となっているので名前を変えていきます。人型のアイコンをクリックして設定を開きます

ブログをクリック

設定を開いて右側にある項目の中から、ブログをクリックします。

テーマの編集をクリック

ブログの設定画面のサイトのテーマの横のテーマの編集をクリックします。

タイトルの入力

テーマの編集をクリックすると、左側にサイドバーが出てきます。サイドバーの中のタイトルという部分にカーソルを合わせて自分の決めたブログタイトルを入力します。すると、リアルタイムでブログのデザイン上に表示されます。

保存をクリック

入力したら、保存をクリックして変更の確定をします。

ヘッダーとアイコンの画像設定

設定からブログを開く

ヘッダーとアイコンの画像設定は、アカウントの中の設定からブログをクリックして開きます。

サイトのテーマのテーマ編集

サイトのテーマの横にあるテーマ編集をクリックします。

ヘッダとアイコン画像

テーマ編集画面の左側にサイドバーが出てくるのでその中の、プロフィール画像・ヘッダ画像をクリックします。

選んだ画像が設定される

プロフィール画像もヘッダ画像もクリックすると、画像選択のウィンドウが開くので、好きなもの画像を選びます。

保存をクリックして完了

画像の選択が終わったら、右上の保存をクリックして完了です。ここで選んだ画像は、ブログとダッシュボードでのプロフィールアイコンとしても有効になります。

背景とアクセントの設定

背景とアクセントの設定

背景とアクセントの設定も、上記と同様にアカウントから設定をクリックしてブログを開きます。テーマの編集をクリックして左側に出るサイドバーで変えることが出来ます。

Thumbはてなブログ検索のインデックス対策についてくわしく解説!
はてなブログの検索にはインデックス対策が必要です。はてなブログで書いた記事をGoogle検索...

Tumblrの使い方~ブログデザインのカスタマイズ~

Tumblrをカスタマイズすることも簡単で、無料でも十分楽しむことが出来ます。

テーマの探し方

Tumblrでは一部有料のテーマもありますが、無料のテンプレートテーマも数多く揃えられています。無料のテーマを使うことでブログのデザインが本格的なデザインとなります。無料なのにクオリティーも高くなっているのも魅力の一つです。

テーマを見る

アカウントの中の設定からブログを開きテーマの編集をクリックします。左側のサイドバーのテーマを見るをクリックします。

無料テーマの検索

テーマを見るをクリックして、検索枠の中から無料テーマをクリックします。

気に入ったテーマをクリック

無料のテーマの中から自分の気に入ったテーマを見つけてクリックします。

使用するをクリック

クリックしたら、右上にある使用するをクリックして保存をすればテーマのカスタマイズが完了となります。

日本語フォントの設定の仕方

Tumblrのテーマは、ほとんどが海外の人が作っているので日本語のフォントの設定がされていません。日本語のフォント設定をしておくと全体的なブログの印象が変わるのでカスタマイズしておくほうが良いかもしれません。

詳細設定をクリック

アカウントの設定からブログを開き、テーマ編集をクリックします。左側のサイドバーを下までスクロールして詳細設定をクリックします。

フォント指定

カスタムCSSを追加という欄に、body,h1,h2,h3,h4 { font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',メイリオ', Meiryo,''MS PGothic' }を張り付けるとフォントのカスタマイズが完了です。

ThumbTwitterタイムラインの埋め込み方法!デザインカスタマイズも解説
Twitterのタイムラインとは、ツイート/Tweet(つぶやき)を集めたページのことです。...

Tumbleの使い方~上級者向けの活用方法~

テーマのカスタマイズやフォントのカスタマイズなども簡単に出来るTumblrですが、上級者向けの活用方法もあります。

独自ドメインが設定できる

独自ドメインの設定も出来るようになっています。ドメインとはインターネット上での住所のことで普通は、ドメインが決められています。しかしTumblrは、独自のドメインを使ってブログの運用が出来るようになっています。

独自ドメインの設定方法

外観を編集をクリック

アカウントを開き下にある、外観を編集をクリックします。

鉛筆マークをクリック

外観の編集を開き、ユーザー名の右側に表示されている鉛筆マークをクリックします。

独自ドメインを使用

独自ドメインを使用するという項目をオンにすると、下に入力欄が出てきます。入力欄に自分が使用したいアドレスを入力します。

入力後ドメインのテストをクリックしてOKが表示されれば、保存を押して設定の完了をします。もし、エラーが出た場合などはしばらく時間をおいて試してみるといいかもしれません。

情報収集ツールが使用できる

自分の興味のある写真や画像・記事の投稿をしているアカウントをフォローすることで、情報収集ツールとしてもTumblrを活用できます。

情報ツールの使用方法

フォローする

アカウントのフォローは、自分の興味のあるブログを見つけてアカウント名の横に表示されているフォローをクリックするだけです。

スクラップツールとして使う事が可能

自分が気に入ったウェブのページをTumblrで共有したり、リブログ機能を使って情報をスクラップブックとしてTumblrを活用することも出来ます。非公開にして自分だけで楽しむことも出来ます。

スクラップツールとしての使用方法

リブログする

リブログの方法も簡単です。気に入った人のブログや記事の下にある、矢印が2つ付いているアイコンをクリックするとリブログが出来ます。Twitterで言うリツイートのような感覚です。

Thumb【はてなブログ】独自ドメイン移行/設定方法をくわしく解説!
はてなブログは無料版と有料版の「はてなブログPro」がありますが、「はてなブログPro」では...

Tumbleの使い方~Webメディアの運営方法~

Tumblrは、Webメディアでもよく使われています。例えば「海外」「ファッションスナップ」と検索すると表示されるStreet Fashion Snapというメディアは、Tumblrを使って運営されているようです。

Webメディアの作成方法

飲食店や個人経営のお店などのサイトを作りたいときには、Tumblrを使うと無料でwebサイトが作成出来るのでおすすめです。

手順

ページの追加をクリック

Tumblrのアカウントを開き、テーマ編集を開きます。下の方にあるページの追加をクリックします。

編集画面に入力

表示したい内容を編集画面に全て入力していきます。ページのタイトルとURLを設定して、ページへのリンクを表示をオンに設定して保存します。たったこれだけでウェブサイトの運営も可能になります。

ページには、リブログや好きなスキなどの設置・コメント機能の設置なども出来るようになっていてデザインも無料でクオリティーの高いものが多いので充実したwebメディアが出来ます

まとめ

デザインも豊富でカスタマイズも簡単に出来るTumblrは、世界中で人気のあるウェブログサービスです。テーマのデザインの数も4000種類以上と多く選ぶだけでも楽しむことが出来ます。

様々な機能がありブログのカスタマイズも簡単で分かりやすくなっています。上級者向けには独自ドメインなどの設定も出来るので、初心者から上級者まで楽しむことが出来ます。ぜひこの機会に試してみて下さい。

Thumb働く女性におすすめのWebサービス/メディアを一覧で紹介!
働く女性が求める情報を発信しているメディアとWebサービスや関連アプリをご紹介します。「仕事...

合わせて読みたい!SNSに関する記事一覧

ThumbSNSのメリット・デメリットと上手な使い分けを解説
今や私たちの暮らしに欠かせないSNS。ついに世界中でパソコンの所持率を上回ったモバイル端末。...
Thumbインスタグラムとツイッターの使い分け方法!SNS集客に向いているのはどっち?
人気のインスタグラムとツイッターですが、どうしたらいいね!が集まるの?どのように使い分けてい...
Thumb「LINE ストーリー」と「Instagram ストーリ-」の機能の違いを解説!
LINEストーリーとInstagramストーリーの一番大きな違いは、足跡機能の有無です。LI...
ThumbFacebookの管理設定方法と使い方まとめ
お友達との情報共有や日常の投稿で便利に利用するFacebook。タイムラインやプロフィールの...

関連するまとめ

Noimage
この記事のライター
にゃん
よろしくお願いいたします。