MTでページの分割を可能にするプラグイン『MTPaginate』｜caraldo.net

2007年7月11日

コメント（0）トラックバック（1） Posted by ; k.

MTでページの分割を可能にするプラグイン『MTPaginate』

世には様々なBlogがありますが、こんな感じでページが分割されているのをよく見ませんか？

カテゴリー分けされていたり、日付で分けられていたり確かにそれも見やすいのですがやはりページ分割はユーザビリティーを考えると無くてはいけない機能だと思います。

MovableTypeでは標準ではこのページ分割機能はありません。
しかしプラグインによってこの機能を実装する事が可能になります。

詳細は以下からどうぞ。

MovableTypeのPHP化

参照元
小粋空間: トップページのページ分割

このプラグインを使う為にはMovableTypeのPHP化が必須となります。

php化とは、簡単に言うと.html(静的ファイル)を.php(動的ファイル)にしてしまう事です。

MovableTypeをphp化するメリット

再構築の時間が大幅に短縮できる
コメントにアイコンを設定できるなど、.htmlでは出来ないカスタマイズができる
PHPインクルードを使ったモジュール化ができる

MovableTypeをphp化するデメリット

動的ファイルなので、検索エンジンに掲載されにくい
動的ファイルなので、アクセスするたびにサーバーに若干負担がかかる
phpに対応してないサーバーもある

検索エンジンのお話はまた別のエントリーで行いたいと思います。

PHP化を行う場合には上記デメリットの部分までしっかり認識しておく必要があります。

ページの分割を可能にするプラグイン『MTPaginate』の導入

やっと本題のプラグインの説明に入ります。
プラグインの導入、設定自体はそんなに難しい部分はありません。

ほとんど参照ページ小粋空間: トップページのページ分割の通りでOKです。
とても親切に説明されています。

当ブログでの記述方法を紹介してみようと思います。
エントリー部分の上下にページリンクを設置しています。

小粋空間様の方でもある通り、
一見複雑にみえますが <MTEntries> の直前と </MTEntries> の前後にタグを加えるだけですので MTEntries という文字列を検索して編集すると良いでしょう。（下記ソース内赤字部分）

<MTPaginate>
<MTPaginateIfMultiplePages>
<div class="paginate">
<MTPaginateIfPreviousPage_>
<a href="<$MTPaginatePreviousPageLink$>">＜</a>
</MTPaginateIfPreviousPage_>
<$MTPaginateNavigator style="links" format_all="All pages" place_all="after" separator=" | ">
<MTPaginateIfNextPage_>
<a href="<$MTPaginateNextPageLink$>">＞</a>
</MTPaginateIfNextPage_>
</div>
</MTPaginateIfMultiplePages>
<MTPaginateContent max_sections="6">

</MTEntries>

</MTPaginateContent>
<MTPaginateIfMultiplePages>
<div class="paginate">
<MTPaginateIfPreviousPage_>
<a href="<$MTPaginatePreviousPageLink$>">＜</a>
</MTPaginateIfPreviousPage_>
<$MTPaginateNavigator style="links" format_all="All pages" place_all="after" separator=" | ">
<MTPaginateIfNextPage_>
<a href="<$MTPaginateNextPageLink$>">＞</a>
</MTPaginateIfNextPage_>
</div>
</MTPaginateIfMultiplePages>
</MTPaginate>

</div>

それからCSSファイルの修正です。
ここはあくまで各々のBlogのテイストに合わせてあげて下さい。

/*ページ分割関連*/

.paginate {
text-align : left ;
font-size : 12px ;
margin-bottom : 15px ;
color : #666666 ;
}

.paginate a{
text-decoration :none;
}

もう一つの変更点は全てのエントリーを表示するようにしたところです。

<$MTEntries lastn="9999"$>

と記述している方が多いようですが

<$MTEntries lastn="0"$>

この記述に変えればよりスマートに全エントリーを表示する事が可能になります。

小粋空間: Movable Type で全エントリーを表示する方法も参考にして見てください。

過去の記事が見てもらえないのは寂しいですからね。