2010年6月24日
MovableType 4.2 2Column HTML5の解説（headerとブログ記事リスト）
Posted by @Style : 
01:26
| 
コメント (0)
| 
トラックバック (0)
前回の引き続きMovableType 4.2 無料テンプレート 2Column HTML5の簡単な解説です。
今回は・・・
banner_header.mtmlのheaderについて
h1要素にはMTBlogName、副題としてh2要素にMTBlogDescriptionを利用、これらをhgroup要素でグループ化。
ブログの説明「MTBlogDescription」を記述されない方も多いことから、<mt:If tag="BlogDescription">とし、MTBlogDescriptionがある場合のみh2要素を出力。見出しをグループ化するhgroup要素だが1個以上のh1～h6要素があればよいのでh1のみでも問題はない。
<header id="branding">
<hgroup>
<h1><a href="<$MTBlogURL$>" accesskey="1" title="<$MTBlogName encode_html="1"$>"><$MTBlogName encode_html="1"$></a></h1>
<mt:If tag="BlogDescription"><h2><$MTBlogDescription$></h2></mt:If>
</hgroup>
</header>
メインページとブログ記事リスト
メインページとブログ記事リストはol要素でマークアップ。ブログ記事リストという位なのでリストにするのは当然かも知れない。新しい順に並ぶのでul要素ではなくol要素が適当だろう。
<div id="main">
<ol class="semantic-list">
<MTEntries lastn="5">
<li>
<$mt:include module="ブログ記事の概要"$>
</li>
</MTEntries>
</ol>
</div><!-- / main -->次回に続く（はず）
MovableType 4.2 2Column HTML5の解説
前のエントリー：MovableType 4.2 2Column HTML5の解説（概要）
次のエントリー：iPhone 4がやってきた
関連記事
- Movable Type 無料テーマ（テンプレート）のアップデートを行ないました。
- HTML5のMovable Type 5テーマ完成しました
- HTML5のMovable Type 5テーマ作成中（その3）
- HTML5のMovable Type 5テーマ作成中（その2）
- MT5テーマを5,000円オフのキャンペーン
- HTML5のMovable Type 5テーマ作成中
- zenback ベータテスト開始！
- MovableType 4.2 2Column HTML5の解説（サイドバー）
- MovableType 4.2 2Column HTML5の解説（コメントフォーム）
- MovableType 4.2 2Column HTML5の解説（ブログ記事）
トラックバック
このエントリーのトラックバックURL:
http://atstyle.biz/blog/mt-tb.cgi/1017
コメント
Buy Now
