HTMLヘッダーのカスタマイズ
Posted at 2008/04/03 うか | トラックバック (0) | コメント (0)
HTMLヘッダーとは、<head>～</head>で囲まれた部分のこと。ここに文字コードの指定、ページのタイトル、METAタグ、スタイルシートへのリンク、配信するRSSへのリンクなどが入ります。（ここでは、1行目に記載するXML宣言からヘッダーということにしちゃいます。）
中身はさておき、HTMLを組むときはここからはじまらなければなりません。で、初期状態ではこの部分がどうなってるかというと、こんな感じ。
1～2行目のDOCTYPE宣言。これは本来、1行で書かなければいけません。ってことで、ここをまず修正。
次に、7行目の「meta name="generator"」というMETAタグは、「このページはMT4で作ってますよ」という表示用。そんなもんいらないので削除します。
続いて8行目。ここは外部CSSファイルへのリンクになってるんですが、新しいページのCSSは「css.css」という名前にしたので、この部分のMTタグを<$MBlogURL$>css.cssと変更
9行目の<$mt:var name="html_head"$>この部分。これは、ヘッダーモジュールで「変数main_templateを持っている場合、変数html_headってゆうところにコレを書き込んでね。だけど、変数main_indexを持ってる場合は、コレは除いてちょ。」という指定がなされている部分です。
実際にブログを作った際、トップページに必要なのは配信しているRSSファイルへのリンクのみなので、ヘッダーモジュールのソースの中からその部分をコピペ、トップページに必要ない部分（MTUnlessというタグで囲まれてます。）は削除しました。
最後に、初期状態のテンプレートでは書かれていない、XHTMLでコーディングするときに必要な「XML宣言」を1行目に、CSSとJavascriptを使用しますよ！というMETAタグを適当な場所にそれぞれ追記。こうしてできあがったのが次のソースです。
トラックバック
この記事へのトラックバックURL：
コメント