WSC5の変化するレイアウトについて

まずは標準的な3カラムと、ニュースサイトによくある右側2列の変則3カラム。

横幅フリー3カラム左右 横幅フリー3カラム右右

この変化はおそらく想定の範囲だろう。
どちらの場合も横幅いっぱいに広がるリキッドレイアウトでどうぞ。

デザインを細部まで作り込む場合には、横幅を固定した方がデザインしやすい場合もあるだろう。
そんな時は、CSSに希望の寸法の入れるだけで、この通りに変化する。

横幅固定3カラム右右

これもいい感じ。

次は、2カラムにしてみる。
さて、side2はどこにいくでしょう。

横幅フリー2カラム右

おお、上手い具合に下に回り込んだ。
side2に配置されていたウィジェットがそのまま配置される。
これがなかなかかっこいい。

もちろん右サイドバーが好みでない場合は、左サイドバーでも良いだろう。

横幅フリー2カラム左

最後にたぶん誰も使わないだろうけど、できてしまったので装備したおまけの1カラム。

横幅固定1カラム

サイドバーの1と2がそのまま利用できる。
iphoneなんかに良いかもしれない。

いずれのレイアウトもstyle.cssに予めコメントアウトされた記述を切り替えるだけ。

この記事にコメントする


Powered by WordPress, WP Theme designed by WSC Project.