« 明日夢クンのお気に入りの場所~ | トップページ | 今日はお風呂の日~ »

2006年5月17日 (水)

このBlogのデザインは~

このBlogを始めて丁度一週間になるんですが、最初はココログの既成のテンプレートを使って その範囲のなかでカスタマイズをしました。

最初のデザイン

  ←こんな感じ
  (クリックで元画像が表示)

でもこの方法ではカスタマイズには限界がある(低い?)し、実際にあんまし気に入ったモンがなかったので他に方法がないか?もっと違った見せ方ができないか?と考えて色々Blogのカスタマイズについて検索してみました。

そうしたら、ココログのカスタマイズに特化したBlogであるtako様のBlog”初めてのココログ・カスタマイズ”を見つけました。素晴らしい記事が多くて、ここのおかげでこのblogのカスタマイズが一気に進んだと言っても過言ではありません。スタイルシート等の言葉ややり方はホンのさわり位はわかっていましたが、本を読んで独習となると とても時間がかかったと思います。

まずは記事をバックナンバーも含めすべて読んで、自分がしたいことを決定し、さらに各必要記事をしっかり読んでカスタマイズを始めました。自分で買った本も傍らにして仕事から帰ってからコツコツと(って言っても面白いため毎日々々午前様( ̄~ ̄;A)作業をして3日程で最初のカスタマイズが完成しました。

2番目のBlog画面

←これが次に作ったテンプレート
  (クリックで元画像表示)

ファンシーな感じで 僕と嫁さんの好きなウサギがテーマな見た目で結構気に入りました。このままでも良かったんですが、自分の手でCSSをさわると見た目や機能が劇的に変わるのが面白くなってきたのでもう少しいじってみようという気になりました。

早速、”初めてのココログ・カスタマイズ”に飛んでいってもう一度記事をしっかり読んでみました。これまで以上に付け加えたい機能が出てきたので、さらにカスタマイズに手を付け始めました。

  1. サイドバーに沢山の機能を付けるため2カラムから3カラムにデザインを大幅に変更(エントリ部分の幅を縮める必要が無いのが確認出来た為)
  2. 背景を画像から写真へ変更
  3. それに伴いタイトルバナー部分の変更
  4. いくつかの外部ツールの採用

1.はココログの管理場面から行うので特に迷うことなく実行出来ました。
以降は”初めてのココログ・カスタマイズ”の記事を参考にスタイルシート等をいじりながらカスタムしていきました。

2.は素晴らしいフリーの写真素材が置いてあるNoi様のサイト”NOION”で 雪ウサギの写真をいただいてきました。素晴らしい写真だったので記事やサイドバーで隠さないように”初めてのココログ・カスタマイズ”内の記事で”本文やサイドバーの下に背景画像が透けるように表示してみよう<1>”および”<2>”を参考にCSSをいじって作りました。そして僕的に一番効いているのが”半透明フィルター(CSS)を使わずに、画像を半透明っぽくみせてみよう” の記事です。このおかげで素敵な雪ウサギの画像が隠れることなく、また記事も読みにくくなる事ない画面が出来ました~tako様に感謝感激ですぅ~(≧∇≦)/

3.は↑にも通じるんですが、雪ウサギの画像がホワイトベースなんで、タイトルバナーのみカラーの画像を使用していると非常にバランスが悪くなりました。そのためここも透明化を行いました。プラス タイトルのフォントの位置変更をしてバランスをとりました。

4.ですが、とりあえずカウンターは”SHINOBI.jp”様から、ミニ掲示板は”chobi(ちょび)”様からいただいてきました。設置はこれも”初めてのココログ・カスタマイズ”の記事を参考にしました。ミニ掲示板自体もCSSでカスタマイズ出来るためオリジナルから少しいじってあります。

このようにして出来たのが現在のカスタムテンプレート”ウサギ”です(≧∇≦)
管理人はこのデザインが相当気に入ってるんですが、いかがでしょう?しばらくはこのデザインでいってみたいと考えております。まぁただ、サイドバーのアイテムは増減する可能性はありますが
(;´▽`A``

”初めてのココログ・カスタマイズ”には本当にお世話になりました。ココログで自分のBlogをカスタムしたい人には必見のBlogですよ!!これからも少しづつ手を加えていって見やすいBlogを目指しますね。でもまずは記事をしっかり書いていかないとなぁ~(;´▽`A``

基本的には短文でも毎日更新を目指しますが、更新できない日は用事があるか、またまたカスタマイズに手を出して頭から煙を出してるかどっちかですぅ~

|

« 明日夢クンのお気に入りの場所~ | トップページ | 今日はお風呂の日~ »

コメント

はじめまして!
遅くなりましたが、コメントありがとうございました!!

ブログのカスタマイズってほんと
頭から煙でそうですわ。
あたしもブログの引越しをマジで考える今日この頃・・
ココログに来た際にはぜひ参考にさせて頂きます。

背景(ペットの)使っていただいて嬉しいです^^
感激ですわー。
ありがとうございますm(_ _)m

投稿: やまとの母@ほやほや背景ギャラリー | 2006年5月23日 (火) 21時20分

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック


この記事へのトラックバック一覧です: このBlogのデザインは~:

« 明日夢クンのお気に入りの場所~ | トップページ | 今日はお風呂の日~ »