HOME

カテゴリー・アーカイブ

カスタマイズのためにカテゴリー・アーカイブの構造を分析しました。

※「#　.」はCSSでそれぞれ「id　class」を表します。

<body>

<div id="container">←１

#container {
line-height: 140%;行間を設定（140%）
margin-right: auto;右の余白（自動設定）
margin-left: auto;左の余白（自動設定）
text-align: left;テキストの水平位置（左寄せ）
padding: 0px;ボックスと要素の間隔（なし）
width: 700px;ボックス横幅（700px）
background-color: #FFFFFF;背景色（■）
border: 1px solid #FFFFFF;ボックスの枠線（線の太さ-1px、線種-実線、色-■）
}

<div id="banner">←２

#banner {
font-family: Verdana, Arial, sans-serif;フォントの指定
color: #FFFFFF;テキストの色（白）
background-color: #999999;背景色（■）
text-align: left;テキストの水平位置（左寄せ）
padding: 15px;ボックスと要素の間隔（15px）
border-bottom: 1px solid #FFFFFF;ボックスの下枠線（線の太さ-1px、線種-実線、色-■）
height: 39px;高さ
}

<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>←「タイトル」

★<$MTBlogURL$>：ウェブログの絶対URL(完全なURL)。
★<$MTBlogName encode_html="1"$>：HTMLエンコードされたウェブログの名前。

#banner a {
color: #FFFFFF;テキストの色（■）
text-decoration: none;テキストの装飾（なし）※リンク部分は通常下線がありますがこの場合は無くなります。
}

#banner h1 {
font-size: xx-large;フォントのサイズ（<font size="7">相当）
}

<h2><$MTBlogDescription$></h2>←「ブログの説明」

★<$MTBlogDescription$>：ウェブログの説明。

#banner h2 {
font-size: small;フォントのサイズ（<font size="3">相当）
}

</div>

<div class="content">←３

.content {
padding: 15px 15px 5px 15px;ボックスと要素の間隔（上15px　右15px　下5px　左15px）
background-color: #FFFFFF;背景色（■）
color: #666666;テキストの色（■）
font-family: Verdana, Arial, sans-serif;フォントの種類
font-size: x-small;フォントのサイズ<font size="2">に相当
}

<MTEntries>
<$MTEntryTrackbackData$>

<MTDateHeader>
<h2><$MTEntryDate format="%x"$></h2>←「投稿した日」

★<MTEntries>：ウェブログのエントリー/投稿のリストのコンテナ・タグ
★<$MTEntryTrackbackData$>：エントリーに対してのトラックバック用データの RDF 出力。
★<MTDateHeader>：エントリーのリストの中で、エントリーが前のエントリーと比較して、新しい日付になったときだけ、内容を表示するコンテナ・タグ。
★<$MTEntryDate format="%x"$>：エントリーの日付。（2005年09月06日）

.content h2 {
color: #666666;テキストの色（■）
font-family: Verdana, Arial, sans-serif;フォントの種類
font-size: x-small;フォントのサイズ<font size="2">に相当
text-align: left;テキストの水平位置（左寄せ）
font-weight: bold;テキストの太さ（太い）
margin-bottom: 10px;下の余白（10px）
}

</MTDateHeader>

<h3 id="a<$MTEntryID pad="1"$>"><$MTEntryTitle$></h3>←「タイトル」

★<$MTEntryID pad="1"$>：左詰めの0を付けた数字で表されるエントリーID。
★<$MTEntryTitle$>：エントリーのタイトル。

.content h3 {
color: #666666;テキストの色（■）
font-family: Verdana, Arial, sans-serif;フォントの種類
font-size: small;フォントのサイズ<font size="3">に相当
text-align: left;テキストの水平位置（左寄せ）
font-weight: bold;テキストの太さ（太い）
margin-bottom: 10px;下の余白（10px）
}

<$MTEntryBody$>←エントリーの内容

★<$MTEntryBody$>：エントリーの本文。

<MTEntryIfExtended>
<$MTEntryMore$>←「追記」
</MTEntryIfExtended>

★<MTEntryIfExtended>：エントリーに追記のテキストがあれば、コンテナのん内容を表示するタグ。
★<$MTEntryMore$>：エントリーの追記のテキスト。

<p class="posted">投稿者 <$MTEntryAuthor$> : <a href="<$MTEntryPermalink valid_html="1"$>">←「投稿者ｘｘｘｘ」
<$MTEntryDate format="%X"$></a>←「12:30」

★<$MTEntryAuthor$>：エントリーの著作者の名前。
★<$MTEntryPermalink valid_html="1"$>：エントリーを含むアーカイブページへの絶対 URL。
★<$MTEntryDate format="%X"$>：エントリーの時間。（12:30）

.content p.posted {
color: #999999;テキストの色（■）
font-family: Verdana, Arial, sans-serif;フォントの種類
font-size: x-small;フォントのサイズ<font size="2">に相当
border-top: 1px solid #999999;ボックスの上枠線（線の太さ-1px、線種-実線、色-■）
text-align: left;テキストの水平位置（左寄せ）
margin-bottom: 25px;下の余白（25px）
line-height: normal;行間（普通）
padding: 3px;ボックスと要素の間隔（3px）
}

<MTEntryIfAllowComments>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#comments">コメント (<$MTEntryCommentCount$>)</a>←「コメント（0）」
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTEntryPermalink archive_type="Individual"$>#trackbacks">トラックバック (<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>←「トラックバック(0)」

</p>

★<MTEntryIfAllowComments>：エントリーがコメントを受けつける設定のときに表示されるコンテナ・タグ。
★<$MTEntryPermalink archive_type="Individual"$>：個別エントリーアーカイブページへの絶対 URL。
★<$MTEntryCommentCount$>：エントリーに付いたコメントの数。
★<MTEntryIfAllowPings>：エントリーがトラックバックを受けつける設定になっているときに、内容を表示するコンテナ・タグ。
★<$MTEntryTrackbackCount$>：エントリーに付いたトラックバックの数

</MTEntries>

</div>
</div>

</body>