今度、３カラムのテンプレートを作りたいと考えています。
そこで、今ある３カラムのテンプレートを見てみました。
吐き出すhtmlを見ると、
１、ヘッダー
２、レフトナビ
３、本文
４、ライトナビ
５、フッター
の順番です。
この順番をいれかえて、ＣＳＳでデザインを形成すると、何か問題はあるでしょうか？
私は、
１、ヘッダー
２、本文
３、レフトナビ
４、ライトナビ
５、フッター
の順番にしたいです。
順番を入れ替えたい理由は、特にありません。
単なる気分的なものです。
よろしくお願いします。
各カラムは固定幅にするか、%指定で幅を決めるのか、左右サイドバーだけ固定幅で残りを本文領域とするかで、やり方が違ってきますので、この方針をまず決めましょう。
よくあるデザインミスとしては、サイドバーが本文の下に落ちているパターンです。これは、float を使ってサイドバーを入れ込んだ場合で、各カラムの width 計算を IE に合わせてしまった／IE 以外に合わせてしまった場合に起きます。各カラムの幅をきっちりにせず、少し余裕を持たせた上、IE は「標準準拠モード」にすると問題なくなります (IE 5.5 では問題が出るかもしれませんが無視していいです)。
アドバイスありがとうございます。
カラムは固定幅にすることにします。
ところで、固定幅にした場合、テンプレートのプログラムをいじり、ｈｔｍｌの出力の順番を変えた場合、プラグインに影響するでしょうか？
現存する、３カラムのテンプレートの出力するＨＴＭＬを見ると、どれもコラム欄の順番は同じように見えました。
これって、出力の順番の決まりはあるのでしょうか？
たとえば、Ktai Style などは、別にテンプレートがあるみたいなので影響はないと思います。
しかし、その他のプラグインはどうでしょうか？
お願いします。
ところで、固定幅にした場合、テンプレートのプログラムをいじり、ｈｔｍｌの出力の順番を変えた場合、プラグインに影響するでしょうか？
併用しているプラグインによりますね。
wp_head(), wp_footer(), the_content() をフック／フィルターするものなら、たぶん影響ありません。ウィジェット系もおそらく大丈夫ですが、作りによっては問題が出るかもしれません。
とりあえずテンプレートを作ってみて、問題が出れば個別対応してみるのでいいかと思います。
よくあるデザインミスとしては、サイドバーが本文の下に落ちているパターンです。
モバイル環境も考えると、あえて落とした方が良いこともあります。
幅600px程度のウインドウサイズで200pxがサイドバーで取られると、本文の表示幅が小さく、読みづらくなるため、
スタイルシートのfloatを「本来の目的」で使用し、
本文全体が画面いっぱいに表示されるようにすると、読みやすくなります。
ご参考まで。
モバイル環境も考えると、あえて落とした方が良いこともあります。
はい、もちろんそれはアリだと思います。
今回言及したのは、Windows IE だけでデザインを確認していて、Firefox, Safari, Opera など「モダンなブラウザー」では落ちてしまうという問題を書きました (場合によってはその逆もあります)。
CSS でのデザインは、まず Firefox/Safari で開発して、それから IE で同じように見えるよう調整すると楽ですよね。
ログイン しなければ投稿できません。
