Tumblrのテーマを変えてみよう
Tunblrには、ネットで見つけたきれいな画像や、2chの面白かった書き込みをスクラップして、あとからまとめて眺めたりしているのですが、標準で用意されているテーマの他に、いろいろなユーザーが作成したテーマが配布されているので、探してみました。
Tumblrのテーマを探せるサイト・記事
Tumblr Themes[http://tumblrthemes.com/]
ヘッダーで困った様子のおにいさんが気になるサイト。
ブログ記事と同じ形式で、大きめのサムネイルと一緒にいろいろなテーマが紹介されています。最終更新日が去年で終わっているので、最近はあまり更新されていないのでしょうか。
Tumblr Themes[http://customthemes.tumblr.com/]
上のサイトと同じタイトルなのですが、こちらはサイトそのものもTumblr.を使っていますね。
サムネイルつきで、カラム、色、レイアウトなどのタグづけがされています。
グラフィックが凝っていてきれいなテーマが多いです。
美しいテーマ20選ですね。私はこの中にある”This Is Not A Template”を使っています。
すっきりしていて、見やすいものが多い印象です。
6 cool tumblr blog theme design | Make A Blog
こちらの記事では、アナログ・手書き風のテーマが6種類紹介されています。
パステルカラーのものや、ノート、レポート用紙をモチーフにしたものがピックアップされています。女性におすすめかも。
Tumblrのテーマを変更しよう!テーマサイト16ピックアップ! | GeekBe(ギークビー)
こちらでは16種類のテーマを紹介。
冒頭で、テーマの変更のしかたについて手順の説明も書かれています。
Tumblrのテーマを編集する方法
1. ダッシュボード右側にあるリストから、Customizeをクリックして編集画面に移動します。
2. ページ上部にナビゲーションバーがあって、そこから色々なカスタマイズができます。
- Info – あなたのTumblrページのタイトルと概要、アイコンの変更と、オリジナルURLの設定ができます。
- Theme – クリックするとソースコードが表示されるので、テーマのHTMLを編集するのは、この画面でおこないます。CSSもすべてこの中に記述するようです。
(自分のサーバーに置いておいて、外部ファイルとして読み込みもできるのかな?) - Appearance – ページの配色を決める部分です。背景色、見出し、テキストカラー、リンクの色などが設定できます。
- Feeds – twitterやYouTubeなど、外部Webサービス情報と、自分で指定したRSSフィードの取り込みができます。
- Advanced – タイムゾーン、カスタムCSSの記述欄、1ページあたりの表示数の設定や、リンクを新しいウインドウで開くかどうかなど、詳細設定ができます。
3. 設定が終わったら、右上の保存ボタンを押してページの表示を確認します。
4. これでカスタマイズは終了です。
テーマによってはHTML内に自分でリンク先などを記述する必要があるので、、再度抜けていないかチェックしたほうが良いかもしれませんね。
Tumblrのカスタマイズに参考になりそうな記事
その他、自分でもいろいろ付け足したり、オリジナルテーマを作る時に参考になりそうな記事をいくつかピックアップしました。
- かっこいいTumblrテーマ20選 | CREAMU
- Tumblrのテーマを探せるサイト「Tumblr Themes」 – ひとぅブログ
- 【連載】『Tumblr』のおさらい | ネット | マイコミジャーナル
- Creating a custom HTML theme | Tumblr(公式カスタマイズガイド)
ちなみに私のTumblrはこちらですが、あまり他の人が見ても役に立たないと思います。
でも、それが面白いのかも知れませんね。私も他の人のポストを見ておおーって思ったりしますし。
Followはご自由にどうぞ。
![Tumblr Themes[http://tumblrthemes.com/] Tumblr Themes[http://tumblrthemes.com/]](http://src.7438.com/wp-content/uploads/2009/07/Tumblr-Themes1-300x205.jpg)
![Tumblr Themes[http://customthemes.tumblr.com/] Tumblr Themes[http://customthemes.tumblr.com/]](http://src.7438.com/wp-content/uploads/2009/07/Tumblr-Themes2-300x204.jpg)





Leave a Reply