2007年2月の記事一覧：MT・XOOPS・CSS初心者カスタマイズMemo

元のスタイルのままだとあまりにもタイトルと記事との間が狭かったので

広げてみました。

スタイルシートの記事部分、

　　　　　.entry-content { margin: 5px 0;
　　　　　　　↓
　　　　　.entry-content { margin: 20px 0;

に変えたらできました。この場合、記事の上下が20pｘあくという意味です。

下は空けたくないときは　20px 0px 0px 0px とそれぞれ指定すればOK。

.date-header
{
margin: 5px 17px 0 0;
padding: 0 0 5px 0;
color: #09c;
font-size: 11px;
text-transform: uppercase;
}
/* 記事タイトル */
.entry-header
{
margin: 5px 0;
padding: 15px 0 0 33px;
background: url(maru.gif) 0 0.20em no-repeat;
color: #6f6fff;
font-size: 18px;
font-weight: bold;
}

.entry-content { margin: 20px 0;
}

記事について、日付順に並んでいますが、
古い順・新しい順をそれぞれテンプレートごとに変える方法です。

テンプレートの記事部分にある(３カラムだと「beta」部分)

<MTEntries sort_by="created_on" sort_order="descend">　のところ。

　　　　　ascend：昇順(古い順)
　　　　 descend：降順(新しい順)

これを変える事により「設定画面」で指定した表示順は無視されます。

<div id="beta">
<div id="beta-inner" class="pkg">
<p class="content-nav">
<a href="<$MTBlogURL$>">メイン</a>
</p>
<!-- <h5 id="archive-title">++<$MTArchiveTitle$>++</h5> -->
<h5 id="archive-title">++<$MTCategoryDescription$>++</h5>

<MTEntries sort_by="created_on" sort_order="descend">
<$MTEntryTrackbackData$>

カテゴリ別に表示されるページのトップにカテゴリ名がありますが
そのカテゴリ名をカスタマイズします。

カテゴリーアーカイブのテンプレート内の記事の表示される部分の上にあります。
私の場合は「bete」部分。

<$MTArchiveTitle$>を探します。
そのフォントの大きさ太さなどはスタイルシートに連動します。
私の場合はF5の変更して小さめにしました。

そして<$MTArchiveTitle$>の両サイドに「++」をつけて飾りをつけました。
(このブログと違うブログです)

このままだと、カテゴリ名の前につけた「01」などの数字が表示されたままなので
<$MTArchiveTitle$>を<$MTCategoryDescription$>に変更しました。

これで数字部分が消えます。

こんな感じです。
(念のため、もともとのMTタグは<!-- -->ではさんで保存しておきます。)

<div id="beta">
<div id="beta-inner" class="pkg">
<p class="content-nav"> <a href="<$MTBlogURL$>">メイン</a>
</p>
<!-- <h5 id="archive-title">++<$MTArchiveTitle$>++</h5> -->
<h5 id="archive-title">++<$MTCategoryDescription$>++</h5>

タイトルバー(一番上部の青い帯のことです)なのですが、
ページタイトルを前に持ってきたほうがSEO的には有利になるようです。

<title><$MTArchiveTitle$> : <$MTBlogName encode_html="1"$></title>

このように順番を逆にすると普通はOKなのですが、
前述の前述の「カテゴリーをお好み順にする方法」だとカテゴリーページが

「01日記 : サイトタイトル」となって数字がじゃまですよね。

そこで、　　　　　　　　　　　　

<title><$MTCategoryDescription$> : <$MTBlogName encode_html="1"$></title>

このようにカテゴリの説明欄に書いた文字が表示されるタグ

<$MTCategoryDescription$>に変えます。

これで数字が消えて「日記 : サイトタイトル」という形になります。