必要な要素だけを表示したい（メインページ）
2008年10月15日 14:55| コメント(0)| トラックバック(0)
（レイアウトを一切指定していないスタイルシートを適用した状態。）
メインページのテンプレートから、不要な部分を削る。慣れないうちはひとつひとつ消しながら動作の確認をすると覚えやすい。
<div id=""></div>、<div class=""></div>、<span class=""></span>は動作に直接影響しないので、すべて取り去る（囲っているタグのみ捨てる。囲まれている中身は捨てないで残す）。
<mt:Ignore>はただの説明書きなので、これも取り去る。
この作業だけで、ソースは随分スッキリするはずである。
（ただし、レイアウトは瞬時に崩れる。）
MovableType4.2では、divタグで囲むべき部分がすでに部品化されている。
よって、いらないタグを取り除くと下記のようになる。
※idやclassは定義があって存在価値が生じるので、すべて除いた。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
<head>
<$mt:Include module="HTMLヘッダー"$>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$mt:Link template="rsd"$>" />
<title><$mt:BlogName encode_html="1"$></title>
</head>
<body>
<$mt:Include module="バナーヘッダー"$>
<mt:Entries>
<$mt:Include module="ブログ記事の概要"$>
</mt:Entries>
<a href="<$mt:Link template="archive_index"$>">アーカイブ</a>
<$mt:Include module="サイドバー"$>
<$mt:Include module="バナーフッター"$>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
<head>
<$mt:Include module="HTMLヘッダー"$>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$mt:Link template="rsd"$>" />
<title><$mt:BlogName encode_html="1"$></title>
</head>
<body>
<$mt:Include module="バナーヘッダー"$>
<mt:Entries>
<$mt:Include module="ブログ記事の概要"$>
</mt:Entries>
<a href="<$mt:Link template="archive_index"$>">アーカイブ</a>
<$mt:Include module="サイドバー"$>
<$mt:Include module="バナーフッター"$>
</body>
</html>
タグ：
