«MTで『コメント投稿が急に重くなる』場合の対処法｜ メイン ｜Mozilla拡張CSSについて»
2007年07月11日
MTでページの分割を可能にするプラグイン『MTPaginate』
世には様々なBlogがありますが、こんな感じでページが分割されているのをよく見ませんか？
カテゴリー分けされていたり、日付で分けられていたり 確かにそれも見やすいのですが やはりページ分割はユーザビリティーを考えると 無くてはいけない機能だと思います。
MovableTypeでは標準ではこのページ分割機能はありません。
しかしプラグインによってこの機能を実装する事が可能になります。
詳細は以下からどうぞ。
MovableTypeのPHP化
このプラグインを使う為にはMovableTypeのPHP化が必須となります。
php化とは、簡単に言うと.html(静的ファイル)を.php(動的ファイル)にしてしまう事です。
MovableTypeをphp化するメリット
- 再構築の時間が大幅に短縮できる
- コメントにアイコンを設定できるなど、.htmlでは出来ないカスタマイズができる
- PHPインクルードを使ったモジュール化ができる
MovableTypeをphp化するデメリット
- 動的ファイルなので、検索エンジンに掲載されにくい
- 動的ファイルなので、アクセスするたびにサーバーに若干負担がかかる
- phpに対応してないサーバーもある
検索エンジンのお話はまた別のエントリーで行いたいと思います。
PHP化を行う場合には上記デメリットの部分までしっかり認識しておく必要があります。
ページの分割を可能にするプラグイン『MTPaginate』の導入
やっと本題のプラグインの説明に入ります。
プラグインの導入、設定自体はそんなに難しい部分はありません。
ほとんど参照ページ小粋空間: トップページのページ分割の通りでOKです。
とても親切に説明されています。
当ブログでの記述方法を紹介してみようと思います。
エントリー部分の上下にページリンクを設置しています。
小粋空間様の方でもある通り、
一見複雑にみえますが <MTEntries> の直前と </MTEntries> の前後にタグを加えるだけですので MTEntries という文字列を検索して編集すると良いでしょう。（下記ソース内赤字部分）
<div id="content">
<!-- ページ分割関連 -->
<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 lastn="0">
<$MTPaginateSectionBreak$><!-- ページ分割関連 -->
</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;
}
もう一つの変更点は全てのエントリーを表示するようにしたところです。
と記述している方が多いようですが
この記述に変えればよりスマートに全エントリーを表示する事が可能になります。
小粋空間: Movable Type で全エントリーを表示する方法も参考にして見てください。
過去の記事が見てもらえないのは寂しいですからね。
是非、活用してみてください。
各独自タグの説明はMovable Typeのページを分割する MTpaginateで詳しく説明されています。
Posted by ; k. 2007年07月11日 00:10
このエントリーのタグ
このカテゴリーの最新記事
トラックバック
このエントリーのトラックバックURL：
http://blog.caraldo.net/mt/mt-tb.cgi/6
