MovableType 4 無料テンプレート 2Columnはサイドバーの見出しとリストにdl
・dt
・dd
を利用している。
通常は見出し(h2
)+リスト(ul
)を使用して以下のようなマークアップになることが多い。
<h2>MovableType</h2>
<ul>
<li><a href="blogtemptop2.php">有料テンプレートインデックス</a></li>
<li><a href="blogtemptop.php">無料テンプレート一覧</a></li>
</ul>
枠をつけたり背景色の変更などを行う際には更に外側を<div>
~</div>
で囲む必要が出てくる。MovableTypeのデフォルトテンプレート然りである。しかし、MovableType 4 無料テンプレート 2Columnはdl要素
でマークアップしているので、既にブロック要素となっている。
<dl>
<dt>Pages</dt>
<dd>
<ul>
<li><a href="/mt4temp/mt42c1/profile.html" title="プロフィール">プロフィール</a></li>
</ul>
</dd>
</dl>
簡単なCSSの編集でMovableType 4 無料テンプレート 2Columnのイメージを変えてみた。
作業時間3分で完了した。