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

質問

現在MT4.2を使ってブログを書いています。
画面上に表示される記事は
(1)ブログ記事タイトル
(2)投稿者名 (2009年12月17日 12:20) |コメント(0) |トラックバック(0)
(3)記事
の順番になっています。
この(2)の部分はこの位置からは動かせないのでしょうか？
できれば記事の最下部に表示したいと思います。
解説書を見たりや実際に管理画面から操作してみたのですが
変更できる箇所が見当たりませんでした。
変更はできないのでしょうか？
分かりましたら教えてください。
宜しくお願い致します。

回答No.1

narative_h · ベストアンサー

基礎的な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もいじくってうまくデザインしないといけないようです。ふ～…

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

お礼

親切な回答をありがとうございます。
さっそくやってみます！