MTのページ送り
Movable Typeでページ送り（ページャー）を設定するなら「PageBute」という
プラグインが大変便利です。
プラグインが大変便利です。
今回はPageButeプラグインを使用する際に
適応できるCSSを書きとめておこうと思います。
適応できるCSSを書きとめておこうと思います。
CSSを適応するだけでこんな風になります。（参考：ページ下部）
■プラグインの紹介
静的ページ用ページ分割プラグイン:PageBute
1）はじめにプラグインをダウンロード
ひとまず最新のMTを使用する場合は、最新のプラグインを
ダウンロードしていれば問題と思います。
ダウンロードしていれば問題と思います。
・バージョン3.5.6（MT4未検証/MT5）2012/09 現在
2）プラグインのインストール
インストール手順はPageButeプラグイン紹介ページをご確認下さい。
■参考ソース
参考ページに掲載されている下記のソースを使用します。
＞ここから下にエントリー内容が表示される
- <$MTEntryTitle$>
- <$MTEntryExcerpt$>
<$MTPageSeparator$>
＞ここから下にページャーが表示される（ここをちょこっとカスタマイズ）
<$MTPageBefore delim="前の5件"$> <$MTPageNext delim="次の5件"$>
■上記ソースを使用した理由
分割する部分を<$MTPageLists$>というので生成しており
ページ分割が無いときあ数字を出す、出さないという部分を
モディファイアで制御できる為です。
<$MTPageLists show_always="0"$>
0 を指定すると、分割されたページが 1 つにしかならなかった場合、ページリストの 1 を表示しません。デフォルト設定は従来と同じ動作のため 1 が指定されたものとします。
■カスタマイズ（div classで括る）
div class"pagenav"でページャーが表示される部分を括っただけというシンプルなものです。
<$MTPageBefore delim="前の5件"$> <$MTPageLists show_always="0"$><$MTPageNext delim="次の5件"$>
.pagenav {overflow:hidden; height:25px; width:100%; margin:0 auto 36px auto;text-align:center;}
.pagenav span,.pagenav a {font-size:11px;}
.pagenav a {padding:4px 8px; background:#efefef; text-decoration:none; color:#333;}/*通常のリンク*/
.pagenav a:hover {background:#999; color:#FFF;}
.pagenav .current_page {padding:4px 8px; background:#1e7bbe; color:#FFF;}/*現在のページ*/
.pagenav .link_before,.pagenav .link_next {padding:5px 8px;}/*次の○○ 前の○○*/
.current_pageや.link_before、.link_nextプラグイン側で自動生成されるソースなので
それに合わせてCSSを設定すればそりなりにカスタマイズできると思います。
