いいねブログ!『僕の好きな情報発信箱』

機械メンテナンス屋のかしわモチがネットにハマって試行錯誤しているブログ。

Movable Type

MTムーバブルタイプで次の10件を出す(ページ分割)の方法

movable type5(ムーバブルタイプ)でブログやホームページを作る際に、トップページやカテゴリーページに『次の10件』を表示する方法です。

カテゴリー内に記事がたくさん入っていてもムーバブルタイプでは標準だと10件以上前に遡れませんよね。これでは不便。いちいちサイトマップに行くのもめんどくさいし。

なのでカテゴリーページの下に『次の10件』とページ数を表示しよう!

ページの分割

ページの分割という言いかたをするみたいなんですが、僕は『次の10件、前の10件』という言い方をしてしまいます(笑)

MTのプラグインで『PageBute』という便利なのがあるのでダウンロード

ダウンロードはこちら 自分のMTにあったバージョンをダウンロードしてね。

落としてきたら解凍、出来あがったフォルダ(PageBute0.0.0)をMTのpluginフォルダにぶち込んでください。

後は簡単、トップページやカテゴリーページなどページを分割して『次の10件、前の10件』としたい場所に

<MTPageContents count="10"> 区切りたい部分(Entriesなど)を囲むタグです。
<mt:Entries lastn="999">

・・・・・

<$MTPageSeparator$> 分割する位置を指定
</mt:Entries>
</MTPageContents>

上記の赤文字のタグを入れるだけ。count="10"この数字を変えると表示する記事数が変わります。

次は『次の10件、前の10件』という表示を出したい場所に以下のタグを張り付ける

<div class="e_page">
<MTIfPageBefore>
<span><$MTPageBefore delim="前の10件"$></span>
</MTIfPageBefore>
<$MTPageLists$>
<MTIfPageNext>
<span><$MTPageNext delim="次の10件"$></span>
</MTIfPageNext>
</div>

スタイルシートはこのように設定

/*ページ分割*/
.e_page{
margin: 10px;
text-align: left;}

.e_page .link_before,
.e_page .link_page,
.e_page .current_page,
.e_page .link_next{
padding: 5px;
border: 1px solid #BBB;}

.e_page .current_page{
color: #FFF;
background: #BBB;}

.e_page a:link, .e_page a:visited, .e_page a:active {
color: #0000ff;
text-decoration: none;}

.e_page a:hover{
color:#0000ff;
background: #BBB;}

これで終了!

スポンサードリンク

スポンサードリンク

 

-Movable Type