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を設定すればそりなりにカスタマイズできると思います。