アーカイブ | ＋ぷちカスタマイズ日記＋

記事一覧

>   自分のサイトに有利なカラムを選ぼう！ 2009年06月26日
>   全てのカラムが表示可能なシンプル系スキンを選ぼう！ 2009年08月21日
>   3つのカラムの仕組みを知ろう！ 2009年09月14日
>   カラムの幅（width）と隙間（margin）の仕組みを理解しよう！ 2009年09月15日

2009年06月26日　カスタマイズ：カラム編

スタイルシートやHTMLファイルの本格的なカスタマイズを始める前に、自分の選択しているスキンはこれでいいのかってことを、もう一度考えてみてください。カスタマイズをしてなければ、スキン（テンプレート）の変更する前に変更の仕組みを知ろう！で説明したとおり、カンタンにスキンの変更ができます。逆にカスタマイズをすればするほど、スキンの変更は面倒になりますので、今回はスキンの選択条件には欠かせないカラムのことをお話したいと思います。

カラムをカンタンに説明しますと、記事の横にサイドバーがいくつあるかってことです。ファンブログのスキンでは記事の両側にサイドバーがあるのが3カラム。記事の左側にサイドバーがあるのが左2カラムで、右側が右2カラムと呼ばれています。

続きを読む... 別窓で開いて続きを読む...

投稿者： wiko ｜02:27 ｜カスタマイズ：カラム編｜ PAGE TOP ▲

2009年08月21日　カスタマイズ：カラム編

全てのカラムが表示可能なシンプル系スキンを選ぼう！

ファンブログ　カスタマイズ

シンプル系スキンには、3カラム、左2カラム、右2カラムの全てのカラムが表示できる記述が施されています。これは、それぞれのスキンが選べるということでなく、3カラムでも、右2カラムでも、スタイルシート（CSS）に、全てのカラムのスタイルが記述されているということです。

例えば、3カラムを選んだ場合、TOPページやプロフィール、ひとつの記事なんかを開いたときには全て3カラムで表示されますよね。それは、5枚の HTML がスタイルシートの3カラムの記述を読むように命令されているからなんですが、「メイン」はそのままにして、「1記事」を右2カラムの記述を見に行くように指定しますと、ＴＯＰページは3カラムで、ひとつの記事を選択した場合には右2カラムで表示させることができるってことです。

続きを読む... 別窓で開いて続きを読む...

投稿者： wiko ｜00:20 ｜カスタマイズ：カラム編｜ PAGE TOP ▲

2009年09月14日　カスタマイズ：カラム編

3つのカラムの仕組みを知ろう！

ファンブログ　カスタマイズ　シンプル系スキン限定

ブログを初めてしばらくしますと、サイドバーの幅を変更したくなりませんか？このサイドバーの幅の変更はカラムの仕組みがわからないで変更してしまいますと、サイドバーが表示されなくなってしまったりして、ブログの表示に支障がでてしまう場合があります。

このような説明をしますと難しいものだと思われがちですが、カラムの仕組みがわかっていますと、とってもカンタンにできちゃうんです。仕組みさえわかれば、カラムの幅が自由に変更できるようになりますので、今回はカラムの仕組みの説明をしちゃいますね。

カラムの仕組みは文章で説明するよりも、表にしてしまった方がわかりやすいので、それぞれのカラムを表にしてみました。

続きを読む... 別窓で開いて続きを読む...

投稿者： wiko ｜21:00 ｜カスタマイズ：カラム編｜ PAGE TOP ▲

2009年09月15日　カスタマイズ：カラム編

カラムの幅（width）と隙間（margin）の仕組みを理解しよう！

ファンブログ　カスタマイズ　シンプル系スキン限定

前回の３つのカラムの仕組みを知ろう！でカラムを表にして説明しましたが、今回は実際のスタイルシートに数字で記述されています、それぞれの幅（横幅）について説明します。

カラムに記述されています幅は全て「width: XXXpx;（ピクセル）」という単位で示され、基本的には全て横幅の数字が記述されています。

カラムの記述は「コンテナ」という大きな囲みが全体の幅で、その中に全ての囲みが入っているものなので、単純に考えますと3カラムの場合は「コンテナ」=「ラッパー（左サイドバー+コンテンツ）」+「右サイドバー」ということになりますので、実際の記述を元に計算してみましょう。

続きを読む... 別窓で開いて続きを読む...

投稿者： wiko ｜22:30 ｜カスタマイズ：カラム編｜ PAGE TOP ▲