以前、記事（の下） にカテゴリを表示する。を紹介したけれど、なんやかんやいじっている内に、 entry-footerが２行になったりして見にくいので、タイトルの直下にもってこようと思う。

現在 のタイトル周りと、やりたいこと。↓

1. タイトルを右にずらす。
2. タイトルの下にカテゴリー表示をするための帯を作る。
3. アイコン表示の為の、 65px×65pxのＢＯＸを作る。

こんな感じでいじって、下図のようになるようにしたいのである。↓

またまた、メインページを中心にいじって、エントリー・アーカイブ，カテゴリー・ アーカイブ，日付アーカイブにも反映させるようにする。

●まずは、テンプレートからメインページを開き、 entry-headerとentry-contentのタグの間につけたし （青字と緑字を追加）。

<a id="a<$MTEntryID pad="1"$>"></a>
<div class="entry" id="entry-<$MTEntryID$>">
   <h3 class="entry-header"><$MTEntryTitle$></h3>
   <div class="head-Categories">[ <MTEntryCategories glue=", ">
   <a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$>
   </a></MTEntryCategories> ]</div>
   <div class="head-img"></div>
   <div class="entry-content">
      <div class="entry-body">

CSSでいじりやすいように、 カテゴリー表示部はclass="head-Categories"に、アイコン表示部は、 class="head-img"とした。

ちなみに、これが正解のやりかたかどうかは、定かではない・・・。

●次に、mt-static/themes/original/フォルダのoriginal.cssを開き、 変更と付けたし。（赤字から青字へ，青字追加）

/* page layout */

.entry-header {
 margin: 0px ;
 padding: 10px 0px 5px 25px ;　→　padding: 15px 0px 8px 75px ;
 color: #990000 ;
 background: #ffcc99 ;
 font-size: 18px ;
 font-weight: bold ;
}

.head-Categories {
padding : 3px 15px 3px 0px ;
text-align: right ;
background-color : #ffe3c8 ;
font-weight: bold ;
}

.head-img {
width : 65px ;
height : 65px ;
background-color : #ffcc99 ;
position :relative ;
top : -65px ;
left : 0px ;
}

すると、こんな感じになる・・・↓

後は、エントリー・アーカイブ，カテゴリー・アーカイブ，日付アーカイブにも変更を加えて、完成！