Tumblrの使い方!ブログ作成/デザインカスタマイズ方法を解説!
Tumblrの使い方や、ブログの作成の仕方・デザインのカスタマイズの方法などをご紹介します。その他にも、メリットやデメリット・上級者向けの活用法もご紹介しています。Tumblrの使い方など参考にして素敵なブログを完成させて下さい。
目次
- 1Tumblrとは
- ・ブログやWebマガジンが簡単に作成できるWebツール
- 2Tumblrのメリット/デメリット~
- ・メリット
- ・デメリット
- 3Tumblrの使い方~基本~
- ・ダウンロード/インストール方法
- ・初期登録方法
- 4Tumbleの使い方~各種設定変更~
- ・BGMの変更
- ・トランジションの設定
- 5Tumblrの使い方~ブログ作成~
- ・ブログのURLを決める方法
- ・Tumblrをブログとして表示させる方法
- ・ブログを書く方法
- ・自分のブログを見る方法
- 6Tumbleの使い方~アイコンの設定~
- ・設定方法
- 7Tumblrの使い方~ブログデザインのカスタマイズ~
- ・テーマの探し方
- ・日本語フォントの設定の仕方
- 8Tumbleの使い方~上級者向けの活用方法~
- ・独自ドメインが設定できる
- ・情報収集ツールが使用できる
- ・スクラップツールとして使う事が可能
- 9Tumbleの使い方~Webメディアの運営方法~
- ・Webメディアの作成方法
- ・まとめ
- ・合わせて読みたい!SNSに関する記事一覧
Tumblrとは
Tumblrは、2007年3月にリリースされました。アメリカのDavidville.incという会社が運営していて、世界中で人気のWebログサービスとなっています。Tumblrは2011年に日本でリリースされています。
ブログやWebマガジンが簡単に作成できるWebツール
ブログ型になっているSNSで文章や画像以外にも動画・インターネットでの記事・音楽など様々なデータを保存できるようになっています。
Tumblrは、TwitterやFacebookと似ていて投稿の内容がタイムラインで表示されます。TwitterやFacebookのいいね!と同様にスキというアイコンが表示されていて、投稿に対してのアクションも出来ます。
他のユーザーが投稿したものをリブログというアイコンで再投稿することも可能です。Tumblrは、ブログとSNSが一体化したサービスとなっています。
Tumblrのメリット/デメリット~
世界中でも人気のTumblrのメリットとデメリットとは何なのかご紹介します。
メリット
まずは、Tumblrのメリットから紹介します。
完全無料で使用可能
Tumblrは、TwitterやFacebookと同じく無料で使うことが出来ます。機能も豊富で無料なのに出来ることも多くなっています。一部のデザインなどは有料のものもありますが、無料のものも多くなっているので完全無料でもTumblrを十分楽しむことが出来ます。
拡張機能付き
Tumblr専用の無料の拡張機能もあります。FirefoxアドオンのひとつのTumblr Postという拡張機能があり、Tumblrへ投稿する手間が省けたり自分のブログへのアクセスもとても簡単になります。
画像にキャプション機能を付けれられる
Tumblrへ画像を投稿するときにキャプションと言って画像の説明文を付けることも出来ます。一枚の画像だけでなく複数の画像にキャプションを作成出来るので画像が分かりやすくなります。
デメリット
無料で楽しむことが出来るTumblrのデメリットをご紹介します。
コメント機能は外部のサービスが必要
Tumblrで自分の投稿した記事を読んでもらった人からコメントをもらえるようにしようと思うと、DISQUSというサービスが必要になってきます。DISQUSは登録が簡単で無料となっていますが、Tumblrだけで済ませたい人には少し手間かもしれません。
カテゴリーがない
Tumblrでの投稿のジャンルは、カテゴリがないのでタグで代用するようになっています。コメント機能と同様に、外部のサービスを利用しなくてはいけないのがTumblrのデメリットとなっています。
Tumblrの使い方~基本~
Tumblrの基本的な使い方のご紹介をしていきます。登録の仕方なども簡単に出来るので参考にしてください。
ダウンロード/インストール方法
基本的にTumblrは、ダウンロードやインストールの必要がありません。スマートフォンのアプリを使うのであれば、iPhone版ではApp store・Android版だとGoogle play storeでダウンロードしておきましょう。
初期登録方法
Tumblrの初期登録も簡単になっています。パソコンでTumblrにアクセスすると利用開始とログインが表示されます。初期登録の方法を説明していきます。まず、利用開始をクリックします。
メールアドレスやパスワード・ユーザーを名を入力して登録をクリックします。
登録をクリックすると、年齢の入力が出てくるので入力して利用規約をよく読み同意しました。にチェックを入れて次へをクリックします。
「わたしはロボットではありません」にチェックを入れると仮登録が完了となります。完了をクリックしなくても自動的に次の画面に切り替わります。
自分の興味のあるトピックをクリックして、5つ選びます。Tumblrの登録が終わった後に選んだトピックの中でおすすめの投稿が表示されます。
トピックを5つ選び終わったら、画面右上にあるNEXTをクリックします。
仮登録が終わっているので、登録したメールアドレスに確認のメールがTumblrから届きます。メールを開いて「はい!そうです」をクリックして本登録を完了させます。メールが届いていない場合入力ミスか迷惑メールのボックスに入っていることも考えられます。
メールアドレスの認証が終わるとTumblrの本登録の完了となり、おめでとうございます!という画面になります。
Tumbleの使い方~各種設定変更~
Tumblrを作成するにあたって各種設定の変更の仕方をご紹介します。
BGMの変更
最近では、あまりホームページやブログなどでBGMを流している人が少なくなっています。しかしTumblrでBGMを入れることによってブログの雰囲気がとても良くなります。
BGMを入れるにはミュージック・プレイヤーを設置しなくてはいけません。簡単に出来るのでぜひ試してみてください。
動画につけるBGMを変更する方法
SMC Music Playerを使うと簡単にBGMをつけたり変更することが出来ます。好きなスキンを選ぶことから始めます。スキンの種類は、約4000種類以上あるので選ぶのも楽しむことが出来ます。
好きなスキンを選択しEdit Playlistをクリックするか、右下のNextをクリックします。
登録できるBGMは、自分のクラウド上のmp3の音楽かYouTube・SoundCloudにあるものになります。YouTubeかSoundCloudの音楽をBGMとして登録するときには、URLをSONG URLという欄へコピーしてぺ貼り付けをします。
コピーして貼り付けをしたらNextをクリックします。SONG TITLEは任意で変更することが出来ます。
様々な機能の設定の変更が出来るようになっています。自動再生やシャッフル再生・再生したときの音の大きさ・リピート再生などの設定が変更できるようになっています。設定を変更したら、Doneをクリックします。
Doneをクリックするとコードが発行されるのでTumblrに張り付ければ、完了となります。Tumblrへの貼り付けも簡単です。TumblrのHTMLテンプレートへ貼り付けるように説明が書かれています。
ここから、Tumblrの画面に戻ります。人型のアイコンをクリックします。
アイコンをクリックするとアカウントのタブが出てくるので、設定をクリックします。
設定をクリックすると、Tumblrのブログが出てきます。ブログの下の自分の名前の部分をクリックします。
すると様々な設定画面が出てきます。その中のサイトのテーマという個所のテーマ編集をクリックします。
テーマの編集を開くと、テーマ編集のすぐ下にHTMLの編集とあるのでクリックして開きます。
HTMLの編集を開くと、英語の羅列が出てくるので</script> ~ </body>を探してください。見つけたら</script> ~ </body>の間に前述でコピーしたコードを貼り付けるだけで作成が完成します。変更も簡単にすることが出来ます。
トランジションの設定
Tumblrの背景画面を、作成するにあたって気を付けておくことがあります。画像のつなぎ目が出ないような画像にすることです。パターンというつなぎ目のない背景画像をあらかじめ用意するか、1600×1400ほどの画像を用意しておくと良いかもしれません。
画像のつなぎ目のトランジションの設定方法
背景に大きな一枚の絵を使う時には、Tumblrのテーマ編集の中にある、Fixed Backgroundにチェックを入れておく必要があります。チェックを入れることで、大きな画像も固定されて配置しておくことが出来ます。
Tumblrの使い方~ブログ作成~
ここからは、ブログの作成についてのご紹介になります。
ブログのURLを決める方法
まず、ブログのアドレスとなる文字列を決めていきます。最初は、登録したユーザー名になっています。なので変更しなくてもそのままブログのアドレスとして使うことが出来ます。半角の-(ハイフン)と英数字のみが使えるようになっています。
Tumblrをブログとして表示させる方法
Tumblrをダッシュボードの機能だけで使うのはもったいないので、自分でも投稿してオリジナルデザインのページを作ってみると良いかもしれません。
Tumblrでの投稿の種類は7種類あります。テキスト投稿・画像投稿・引用投稿・リンクの投稿・チャット・音声や動画の投稿などが出来ます。
YouTubeを使っている人は、音声や動画の投稿を使うといいです。そしてリンクでは、紹介したい記事がある場合に使うことが出来ます。
ブログを書く方法
Tumblrの投稿の仕方もとても簡単です。まず、投稿したい種類のもの選びクリックします。
ここでは、テキストで説明をしていきます。テキストの投稿画面では、大きくタイトルと書いてあるのでタイトルを入力して好きな文章を入力します。文章以外にもタグが付けられるので、自分に関連するものや作品などの単語を入力し投稿するをクリックします。
投稿するをクリックすると自分が投稿したものが実際に見ることが出来ます。これで投稿が完了です。
予約投稿とスケジュールの違い
予約投稿というと投稿の時間が指定できると思いがちですが、Tumblrでは異なっています。Tumblrでの予約投稿は、数日後とや数時間ごとに一定期間投稿を予約できる機能となっています。
同じ投稿を繰り返し一定時間が経つと投稿される機能になっています。Twitterでの定期ポストのような機能です。
時間が来たら投稿が出来るようにするには、スケジュールを使うと良いかもしれません。英語での起債なので分かりにくいかもしれませんが、自分の指定した日時に設定すれば設定した時間に投稿が出来るようになります。
自分のブログを見る方法
Tumblrの自分のブログを見るには、人型のアイコンをタップしてアカウントを開きます。アカウントの中のヘルプの下にあるタブをクリックすると自分のブログに飛ぶようになっています。
初めて自分のブログを確認した場合は、初期設定のデザインとなっています。このページが自分のブログのトップページとなっています。このトップページはTumblrに登録してない人でも自由に見ることが出来るようになっています。
Tumbleの使い方~アイコンの設定~
Tumblrのアイコンの設定方法をご紹介します。
設定方法
アイコンの設定方法も難しくはありません。自分の好きな画像などを用意して設定します。
ブログの設定
初期のままでは、ブログのタイトルが題名未設定となっているので名前を変えていきます。人型のアイコンをクリックして設定を開きます。
設定を開いて右側にある項目の中から、ブログをクリックします。
ブログの設定画面のサイトのテーマの横のテーマの編集をクリックします。
テーマの編集をクリックすると、左側にサイドバーが出てきます。サイドバーの中のタイトルという部分にカーソルを合わせて自分の決めたブログタイトルを入力します。すると、リアルタイムでブログのデザイン上に表示されます。
入力したら、保存をクリックして変更の確定をします。
ヘッダーとアイコンの画像設定
ヘッダーとアイコンの画像設定は、アカウントの中の設定からブログをクリックして開きます。
サイトのテーマの横にあるテーマ編集をクリックします。
テーマ編集画面の左側にサイドバーが出てくるのでその中の、プロフィール画像・ヘッダ画像をクリックします。
プロフィール画像もヘッダ画像もクリックすると、画像選択のウィンドウが開くので、好きなもの画像を選びます。
画像の選択が終わったら、右上の保存をクリックして完了です。ここで選んだ画像は、ブログとダッシュボードでのプロフィールアイコンとしても有効になります。
背景とアクセントの設定
背景とアクセントの設定も、上記と同様にアカウントから設定をクリックしてブログを開きます。テーマの編集をクリックして左側に出るサイドバーで変えることが出来ます。
Tumblrの使い方~ブログデザインのカスタマイズ~
Tumblrをカスタマイズすることも簡単で、無料でも十分楽しむことが出来ます。
テーマの探し方
Tumblrでは一部有料のテーマもありますが、無料のテンプレートテーマも数多く揃えられています。無料のテーマを使うことでブログのデザインが本格的なデザインとなります。無料なのにクオリティーも高くなっているのも魅力の一つです。
アカウントの中の設定からブログを開きテーマの編集をクリックします。左側のサイドバーのテーマを見るをクリックします。
テーマを見るをクリックして、検索枠の中から無料テーマをクリックします。
無料のテーマの中から自分の気に入ったテーマを見つけてクリックします。
クリックしたら、右上にある使用するをクリックして保存をすればテーマのカスタマイズが完了となります。
日本語フォントの設定の仕方
Tumblrのテーマは、ほとんどが海外の人が作っているので日本語のフォントの設定がされていません。日本語のフォント設定をしておくと全体的なブログの印象が変わるのでカスタマイズしておくほうが良いかもしれません。
アカウントの設定からブログを開き、テーマ編集をクリックします。左側のサイドバーを下までスクロールして詳細設定をクリックします。
カスタムCSSを追加という欄に、body,h1,h2,h3,h4 { font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',メイリオ', Meiryo,''MS PGothic' }を張り付けるとフォントのカスタマイズが完了です。
Tumbleの使い方~上級者向けの活用方法~
テーマのカスタマイズやフォントのカスタマイズなども簡単に出来るTumblrですが、上級者向けの活用方法もあります。
独自ドメインが設定できる
独自ドメインの設定も出来るようになっています。ドメインとはインターネット上での住所のことで普通は、ドメインが決められています。しかしTumblrは、独自のドメインを使ってブログの運用が出来るようになっています。
独自ドメインの設定方法
アカウントを開き下にある、外観を編集をクリックします。
外観の編集を開き、ユーザー名の右側に表示されている鉛筆マークをクリックします。
独自ドメインを使用するという項目をオンにすると、下に入力欄が出てきます。入力欄に自分が使用したいアドレスを入力します。
入力後ドメインのテストをクリックしてOKが表示されれば、保存を押して設定の完了をします。もし、エラーが出た場合などはしばらく時間をおいて試してみるといいかもしれません。
情報収集ツールが使用できる
自分の興味のある写真や画像・記事の投稿をしているアカウントをフォローすることで、情報収集ツールとしてもTumblrを活用できます。
情報ツールの使用方法
アカウントのフォローは、自分の興味のあるブログを見つけてアカウント名の横に表示されているフォローをクリックするだけです。
スクラップツールとして使う事が可能
自分が気に入ったウェブのページをTumblrで共有したり、リブログ機能を使って情報をスクラップブックとしてTumblrを活用することも出来ます。非公開にして自分だけで楽しむことも出来ます。
スクラップツールとしての使用方法
リブログの方法も簡単です。気に入った人のブログや記事の下にある、矢印が2つ付いているアイコンをクリックするとリブログが出来ます。Twitterで言うリツイートのような感覚です。
Tumbleの使い方~Webメディアの運営方法~
Tumblrは、Webメディアでもよく使われています。例えば「海外」「ファッションスナップ」と検索すると表示されるStreet Fashion Snapというメディアは、Tumblrを使って運営されているようです。
Webメディアの作成方法
飲食店や個人経営のお店などのサイトを作りたいときには、Tumblrを使うと無料でwebサイトが作成出来るのでおすすめです。
手順
Tumblrのアカウントを開き、テーマ編集を開きます。下の方にあるページの追加をクリックします。
表示したい内容を編集画面に全て入力していきます。ページのタイトルとURLを設定して、ページへのリンクを表示をオンに設定して保存します。たったこれだけでウェブサイトの運営も可能になります。
ページには、リブログや好きなスキなどの設置・コメント機能の設置なども出来るようになっていてデザインも無料でクオリティーの高いものが多いので充実したwebメディアが出来ます。
まとめ
デザインも豊富でカスタマイズも簡単に出来るTumblrは、世界中で人気のあるウェブログサービスです。テーマのデザインの数も4000種類以上と多く選ぶだけでも楽しむことが出来ます。
様々な機能がありブログのカスタマイズも簡単で分かりやすくなっています。上級者向けには独自ドメインなどの設定も出来るので、初心者から上級者まで楽しむことが出来ます。ぜひこの機会に試してみて下さい。