法則16 カスタムフィールドで表を自動的に作成する
カスタムフィールドから表を作成するテンプレートソース
<table class="photographyInfo">
<caption> 撮影データ</caption>
<MTIfNonEmpty tag="entrydataphotographytime">
<tr>
<th> 撮影日時</th>
<td><MTentrydataphotographytime></td>
</tr>
</MTIfNonEmpty>
<MTIfNonEmpty tag="entrydataphotographyplace">
<tr>
<th> 撮影場所</th>
<td><MTentrydataphotographyplace></td>
</tr>
</MTIfNonEmpty>
<MTIfNonEmpty tag="entrydataphotographyweather">
<tr>
<th> 撮影時の天候</th>
<td><MTentrydataphotographyweather></td>
</tr>
</MTIfNonEmpty>
<MTIfNonEmpty tag="entrydataphotographyevaluate">
<tr>
<th> 自己評価</th>
<td><img src="<$MTBlogURL$>img/valuate_<MTentrydataphotographye
valuate>.gif" alt=" 評価:<MTentrydataphotographyevaluate>" /></td>
</tr>
</MTIfNonEmpty>
<MTIfNonEmpty tag="entrydataphotographymodel">
<tr>
<th> カメラのメーカー、モデル</th>
<td><MTentrydataphotographymodel></td>
</tr>
</MTIfNonEmpty>
<MTIfNonEmpty tag="entrydataphotographylens">
<tr>
<th> 使用レンズ</th>
<td><MTentrydataphotographylens></td>
</tr>
</MTIfNonEmpty>
</table>
表のデザインを整えるCSSソース
table {
margin: 10px 0px 5px 1px;
width: 518px;
border: 1px solid #999;
border-collapse: collapse;
}
table td,
table th {
padding: 5px 10px;
border: 1px solid #999;
}
table th {
width: 160px;
background: #EFEFEF;
}