2010年6月27日

MovableType 4.2 2Column HTML5の解説(ブログ記事のメタデータ)

Posted by @Style : Entry 03:49 | Comment コメント (0) | Trackbacks トラックバック (0) 「MovableType 4.2 2Column HTML5の解説(ブログ記事のメタデータ):ブログ | アットスタイル」をはてなブックマークに追加 「MovableType 4.2 2Column HTML5の解説(ブログ記事のメタデータ) | ブログ | アットスタイル」をdel.icio.usに追加 「MovableType 4.2 2Column HTML5の解説(ブログ記事のメタデータ) | ブログ | アットスタイル」をTwitterでつぶやく

今回もMovableType 4.2 無料テンプレート 2Column HTML5の簡単な解説です。

ブログ記事のメタデータについて

各々のデータをリスト項目として取扱い、セパレータに文字を使わずCSSの:before擬似要素で表示。IEでも表示させるためにIE9.jsが必要となる。

投稿時間をtime要素・pubdate属性・datetime属性でマークアップ。datetime属性のフォーマットをMTEntryDate format_name="iso8601"とした。

<ul class="entry-meta">
    <li><time pubdate="pubdate" datetime="<$MTEntryDate format_name="iso8601"$>"><$MTEntryDate format="%x"$></time> <MTIfNonEmpty tag="EntryAuthorDisplayName"><$MTEntryAuthorLink show_email="0"$></MTIfNonEmpty></li>
<MTUnless name="hide_counts" eq="1">
    <li><a class="permalink" href="<$MTEntryPermalink$>" title="Permalink to this entry:<$MTEntryTitle$>">個別ページ</a></li>
    <MTIfCommentsActive><li><a href="<$MTEntryPermalink$>#comments" title="Comments for:<$MTEntryTitle$>"><$MTEntryCommentCount singular="コメント(1)" plural="コメント(#)"$></a></li></MTIfCommentsActive>
    <MTIfPingsActive><li><a href="<$MTEntryPermalink$>#trackbacks" title="Trackback for:<$MTEntryTitle$>"><$MTEntryTrackbackCount singular="トラックバック(1)" plural="トラックバック(#)"$></a></li></MTIfPingsActive>
</MTUnless>
</ul>

Movable Type 5用テーマ

Movable Type 4.2用テンプレート

前のエントリー:iPhone 4がやってきた
次のエントリー:MovableType 4.2 2Column HTML5の解説(ブログ記事の概要)

関連記事

トラックバック

このエントリーのトラックバックURL:
http://atstyle.biz/blog/mt-tb.cgi/1019

コメント

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

Buy Now

Movable Type 5用テーマ

Movable Type 4.2用テンプレート

ページ先頭へ