• 解決済 komame

    (@komame)


    今度、3カラムのテンプレートを作りたいと考えています。
    そこで、今ある3カラムのテンプレートを見てみました。
    吐き出すhtmlを見ると、

    1、ヘッダー
    2、レフトナビ
    3、本文
    4、ライトナビ
    5、フッター

    の順番です。
    この順番をいれかえて、CSSでデザインを形成すると、何か問題はあるでしょうか?

    私は、

    1、ヘッダー
    2、本文
    3、レフトナビ
    4、ライトナビ
    5、フッター

    の順番にしたいです。
    順番を入れ替えたい理由は、特にありません。
    単なる気分的なものです。
    よろしくお願いします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • モデレーター IKEDA Yuriko

    (@lilyfan)

    各カラムは固定幅にするか、%指定で幅を決めるのか、左右サイドバーだけ固定幅で残りを本文領域とするかで、やり方が違ってきますので、この方針をまず決めましょう。

    よくあるデザインミスとしては、サイドバーが本文の下に落ちているパターンです。これは、float を使ってサイドバーを入れ込んだ場合で、各カラムの width 計算を IE に合わせてしまった/IE 以外に合わせてしまった場合に起きます。各カラムの幅をきっちりにせず、少し余裕を持たせた上、IE は「標準準拠モード」にすると問題なくなります (IE 5.5 では問題が出るかもしれませんが無視していいです)。

    トピック投稿者 komame

    (@komame)

    アドバイスありがとうございます。

    カラムは固定幅にすることにします。

    ところで、固定幅にした場合、テンプレートのプログラムをいじり、htmlの出力の順番を変えた場合、プラグインに影響するでしょうか?

    現存する、3カラムのテンプレートの出力するHTMLを見ると、どれもコラム欄の順番は同じように見えました。
    これって、出力の順番の決まりはあるのでしょうか?

    たとえば、Ktai Style などは、別にテンプレートがあるみたいなので影響はないと思います。

    しかし、その他のプラグインはどうでしょうか?

    お願いします。

    モデレーター IKEDA Yuriko

    (@lilyfan)

    ところで、固定幅にした場合、テンプレートのプログラムをいじり、htmlの出力の順番を変えた場合、プラグインに影響するでしょうか?

    併用しているプラグインによりますね。
    wp_head(), wp_footer(), the_content() をフック/フィルターするものなら、たぶん影響ありません。ウィジェット系もおそらく大丈夫ですが、作りによっては問題が出るかもしれません。

    とりあえずテンプレートを作ってみて、問題が出れば個別対応してみるのでいいかと思います。

    よくあるデザインミスとしては、サイドバーが本文の下に落ちているパターンです。

    モバイル環境も考えると、あえて落とした方が良いこともあります。
    幅600px程度のウインドウサイズで200pxがサイドバーで取られると、本文の表示幅が小さく、読みづらくなるため、
    スタイルシートのfloatを「本来の目的」で使用し、
    本文全体が画面いっぱいに表示されるようにすると、読みやすくなります。

    ご参考まで。

    モデレーター IKEDA Yuriko

    (@lilyfan)

    モバイル環境も考えると、あえて落とした方が良いこともあります。

    はい、もちろんそれはアリだと思います。
    今回言及したのは、Windows IE だけでデザインを確認していて、Firefox, Safari, Opera など「モダンなブラウザー」では落ちてしまうという問題を書きました (場合によってはその逆もあります)。
    CSS でのデザインは、まず Firefox/Safari で開発して、それから IE で同じように見えるよう調整すると楽ですよね。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「自作のテンプレートを作りたいのですが」には新たに返信することはできません。