skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

skuare.netが紹介するJavaScirptでサイトをリッチに

Movable Typeでページ分割するプラグイン「Paged Archives」

twitterにつぶやく このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ! コメントを見るYahoo!ブックマークに登録 このエントリーをdel.icio.usに追加する deliciousブックマーク数このページを行き先登録 このページをniftyクリップに登録このページをBuzzurlに登録

過去2つのページ分割用プラグインを紹介しました。
Movable TypeでPHP化せずにページ分割するプラグイン「PageBute」
Movable Typeでページ分割するプラグイン「MTPaginate」
今回は第3弾となるPaged Archivesです。

使い方
Paged Archivesからダウンロードし、pagedarchives.plをmt/pluginディレクトリにアップロードします。
後はメイン、カテゴリーなどで以下を書き込めば完成です。
<MTEntries lastn="9999">
<MTPASettings pagelistlimit="N">
<MTPAEntry>
<a href="<$MTEntryLink$>"><$MTEntryTitle$></a>
</MTEntries>
<MTPAEnd>
<p class="pagination">
<MTPAIfMultiplePages><MTPAPreviousPage text="«">
<MTPAPageList><MTPANextPage text=" »">
</MTPAIfMultiplePages>
</p>

※pagelistlimit:ページ番号が出る個数です。
プラグイン設定の「Entries per page:」ではページあたりの表示件数を指定できます。

参考までにCSSは以下のようにすると良い感じです。
p.pagination {clear:both;padding-top:8px;text-align:center;}
p.pagination a{text-decoration:none;}
a.paging{padding:2px 5px;background:#0188E2;color:#FFF;border:1px solid #0188E2;}
a.paging:hover{padding:2px 5px;border:1px solid #0188E2;background:#FFF;color:#0188E2;text-decoration:none;}



こんな感じです。
pagination_sample.jpg

記事作成:2008年06月27日

follow me

▼Movable Typeでページ分割するプラグイン「Paged Archives」へのコメントはtwitterにて受け付けています。
twitterでコメントする twitterでコメントする

前の記事:[mootools]mooVRotatingMenu
次の記事:フォームで全自動でフリガナを付与するJavaScript「AutoKana.js」

ページの最初に戻る

about me

skuare

大学卒業後、某PR会社にてPR誌の取材・編集・デザインからPRコンサルティング、調査分析まで幅広い業務に携わる。業務の合間合間にWEB制作に関する技術を習得。
2007年6月から当サイト「skuare.net」を開始。その後、ホームページ制作会社に転職し、WEBサイト制作に本格的に従事し、CMS、JavaScriptに無駄に突っ込むディレクターとして活動中。ホロヨッターもやっています。
もし、もうちょっと詳細を見たかったら・・・・こちら >>

I'm @ Social media below

  • skuare.net rss
  • skuare's twitter
  • skuare's twitter
  • skuare's linkedin
  • skuare's facebook
Copyright (c) skuare.net All Rights Reserved.