MTのブログ記事のレイアウト

基礎的なXHTMLとCSSの知識があるのを前提として次のような手順で行います。
まずその部分がどのような構成になっているかブラウザでソースを表示させてみると
<div class="asset-meta">～</div>
で囲まれています。
だからこの部分をまるごと移動させてしまえばいいのです。
（しっかりとテンプレートの複製はとっておいてください）

自分の調べる限り、「ブログ記事が並んでいるページ」と「各ブログ記事のページ」の部分の２カ所をいじる必要があるようです。

「ブログ記事が並んでいるページ」をいじるには
テンプレートのテンプレートモジュールの「ブログ記事の概要」を開いて
慎重に<div class="asset-meta">から</div>の部分をコピーして
一番下のほうにある
</mt:If>と</div>の間に、つまり
</mt:If><div class="asset-meta">～</div><div>
のようにペーストすれば記事の下に移動させることができます。

「各ブログ記事のページ」は
テンプレートのアーカイブテンプレートの「ブログ記事」を開いて同じように
<div class="asset-meta">から</div>の部分をコピーして今度は一番下の
</mt:If>ではなく

<mt:If tag="EntryMore" convert_breaks="0">
<div id="more" class="asset-more">
<$mt:EntryMore$>
</div>
</mt:If>の</mt:If>と<div>の間にペーストさせます。

↓このような感じです。
<mt:If tag="EntryMore" convert_breaks="0">
<div id="more" class="asset-more">
<$mt:EntryMore$>
</div>
</mt:If>
<div class="asset-meta">～</div>
<div>

ただこのままやるとどうやら（私のデフォルトテンプレートでは）
投稿者名 (2009年12月17日 12:20) |コメント(0) |トラックバック(0)の上の
線も一緒に移動してしまうのでCSSもいじくってうまくデザインしないといけないようです。ふ～…

ひとつ変更するといろいろいじくらなければいけませんが
だんだんと覚えていきます。

投稿日時 - 2009-12-17 21:44:32