CSSを用いてブラウザのデフォルトCSSを初期化しました。CSSを使って、テンプレートを作ってしまいます。CSSはWebページ全体の構成を簡単に形作れるように作られたライブラリになります。これをうまく使うと、CSSでありがちなfloatの問題などに惑わされなくてすみます。この便利さは、HTMLを手書きで書く人であればすぐに伝わると思います。CSSも含まれています。念のため以下に記します。[/html]また、前回書き忘れていましたが、YUIで推奨されているDOCTYPEがwordpressとは違うので、header.phpの最初の一行めを以下に変えます。CSSは、まず全体をid=docのdivで囲ってから、Webページを大きく3つに分けます。ヘッダ部、ボディ部、フッタ部です。ftを指定することで分割します。具体的には以下のような感じです。[html][/html](YUIのページから引用)ボディ部の中は、今回は2カラムにし、左側にメニューを置きたいので、header.phpに書いた、全体を囲むためのid=”doc”のdivタグにclass名”yui-t2′′を指定します。次に、ボディの内部ですが、各カラムを囲うdivのclassに”yui-b”(Blockのb)を指定します。メインとなるカラム(今回の場合は左カラム)にid=”yui-main”としたdivで囲みます。wordpressのテンプレートであれば、index.phpのメインロジックを”yui-main”で囲み、その中のid=”content”のdivに対して、class”yui-b”を追加します。sidebar.phpを囲うid=”sidebar”のdivに対してclass=”yui-b”を指定します。最後にフッタ(footer.php)に対して、必要なところをid=”ft”のdivで囲めば完成です。デザインを追加していないのでしょぼいテンプレートですが、大まかな形はこれで完成ということになります。今回は細かい修正個所を指定しなかったのでwordpressのテンプレートをそのままおいておきます。CSSはどこにどんなidやclassを指定すればよいのかが少し繁雑でわかりにくいかもしれません。実はこれを非常にわかりやすく行うツールが存在します。CSSがどんなことをしてくれるかを理解した上で、このツールを使うと、ありえないくらい便利だということがわかると思います。一度使ってみてください。細かい説明はしません。んー、ちょっとぐぐらないとわからないんですね。なんか改行コードがおかしくなってそうですね。