MovableType 4 2Columnにサムネイル表示において、偶数のアイテムの場合は問題ありませんが、奇数個の場合にレイアウトが崩れてしまいます。以下の記述をstyles.mtmlに追加して対応してください。
div#sub dl {
clear:both;
}
尚、昨日のエントリー及び一括ダウンロードの圧縮ファイルは既に修正いたしました。お手数をおかけいたしますが、よろしくお願いいたします。
MovableType 4 2Columnにサムネイル表示において、偶数のアイテムの場合は問題ありませんが、奇数個の場合にレイアウトが崩れてしまいます。以下の記述をstyles.mtmlに追加して対応してください。
div#sub dl {
clear:both;
}
尚、昨日のエントリー及び一括ダウンロードの圧縮ファイルは既に修正いたしました。お手数をおかけいたしますが、よろしくお願いいたします。
MovableType 4 無料テンプレート 2Columnのサイドバーにデフォルトテンプレートと同様に画像のサムネイルをリスト表示をできるよう変更いたしました。
2カラムのためサイドバーが長くなりすぎることもありますので、標準6件の設定です。自由に変更してください。
sidebar_2col.mtmlへの追加記述
<MTIfNonZero tag="AssetCount">
<MTAssets type="image" lastn="6">
<MTSetVarBlock name="imgw">
<$MTAssetProperty property="image_width"$>
</MTSetVarBlock>
<MTSetVarBlock name="imgh">
<$MTAssetProperty property="image_height"$>
</MTSetVarBlock>
<MTAssetsHeader>
<dl>
<dt>Photos</dt>
<dd><ul></MTAssetsHeader>
<li class="item">
<a href="<$MTAssetURL$>">
<MTIf name="imgw" gt="$imgh">
<img src="<$MTAssetThumbnailURL height="70"$>" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" />
<MTElse>
<img src="<$MTAssetThumbnailURL width="70"$>" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" />
</MTElse>
</MTIf>
</a></li>
<MTAssetsFooter></ul></dd>
</dl>
</MTAssetsFooter>
</MTAssets>
</MTIfNonZero>
styles.mtmlへの追加記述
div#sub dl {
clear:both;
}
div#sub li.item {
display: inline;
float: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 10px;
overflow: hidden;
text-align: center;
vertical-align: middle;
width: 70px;
height: 70px;
}
上記コードを追加記述する、または全てのファイルをダウンロードしてご利用ください。
9月19日追記:レイアウトが崩れる現象を確認いたしましたので、サイドバーのdl要素にclear:both;を追加しました。
パフォーマンスの改善
MT4 の管理画面の操作、および再構築に関連する、重要な修正がおこなわれています。MT4.01 にアップグレードすることで、パフォーマンスの改善が期待されます。
テンプレートも多少変更が行われています。
デザインテンプレートへの影響
影響は想定しておりません。サーチ結果を表示するページのデフォルトテンプレートが、XHTML1.0 Transitional の仕様に則るために若干の修正がされています。
これに伴い、MovableType 4 無料テンプレート 2Columnのsearch_results.mtmlを一部修正いたしました。ダウンロードしてご利用ください。
本日、MovableType 4(MT4)用 テンプレートの内容及び仕様を一部変更したしました。
上記変更によりテンプレートの適用がコピーアンドペーストも利用できるようになり、カスタマイズや一部変更時においての保存の煩わしさから開放されました。
初期仕様のテンプレートから新仕様のテンプレートに変更ご希望のユーザー様はお手数でございますがアットスタイルまでご連絡ください。
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分で完了した。