「テンプレート」の「メインページ」をこんな風に変えてみました。
あとはCSSで調整・・・ところが現在のブログタイトルのデザインを継承しつつ、目立つようにしたかったんですが・・・
<div id="alpha">
<div id="alpha-inner">
<mt:Ignore><!-- Use the Entry Summary module for each entry published on this page --></mt:Ignore>
<$mt:Include module="ブログ記事の概要"$>
</mt:Entries>
これをこんな風に・・・
<div id="alpha">
<div id="alpha-inner">
<MTEntries tags="トップ表示記事">
<div id="top-entry">
<h3 class="title"><$MTEntryTitle$></h3>
<div class="content">
<$MTEntryBody$>
<div class="clear"></div>
</div>
<MTIfNonEmpty tag="EntryMore" convert_breaks="0">
<div class="asset-more-link">
<a href="<$MTEntryPermalink$>">詳細はこちら</a>
</div>
</MTIfNonEmpty>
</div>
</MTEntries>
<mt:Entries ="NOT トップ表示記事">
<mt:Ignore><!-- Use the Entry Summary module for each entry published on this page --></mt:Ignore>
<$mt:Include module="ブログ記事の概要"$>
</mt:Entries>
CSSは以下のように設定しました。
#top-entry
{
padding-bottom: 1em;
}
#top-entry .title {
border-left: 5px solid #ff0000;
font-weight: bold;
color: #ff0000;
margin: 0px;
padding: 3px 10px 5px 10px;
font-size: 11pt;
font-weight: bold;
}

平均:(0) 総合:(0) 投票回数:(0)
コメントする