MT4 テンプレート 2Columnのカスタマイズ その1

MovableType 4 無料テンプレート 2Columnはサイドバーの見出しとリストにdldtddを利用している。

通常は見出し(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 無料テンプレート 2Columndl要素でマークアップしているので、既にブロック要素となっている。

<dl>
<dt>Pages</dt>
<dd>
<ul>
<li><a href="/mt4temp/mt42c1/profile.html" title="プロフィール">プロフィール</a></li>
</ul>
</dd>
</dl>

簡単なCSSの編集でMovableType 4 無料テンプレート 2Columnのイメージを変えてみた。

CSSの編集でイメージを変えてみた

作業時間3分で完了した。

Posted