Sponsored Link
« 決まったブログ記事をトップに表示する方法 | トップ記事をカテゴリで表示 »

Tetsuyan's Blog> MovableType覚書> 指定した「タグ」のブログ記事をトップに表示する方法 MovableType覚書>

指定した「タグ」のブログ記事をトップに表示する方法

| コメント(0) | トラックバック(0)

「テンプレート」の「メインページ」をこんな風に変えてみました。
あとは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)

トラックバックURL: http://tetsuya.s151.xrea.com/x/mt-tb.cgi/1417

この記事の内容はいかがでしたか?
平均:(0) 総合:(0) 投票回数:(0)

コメントする