アーカイブページを分割するプラグイン Paginate

このPaginateプラグインの利用はHTMLをPHP化にする必要があるんですが、ブログをPHP化しても、今まで通りファイルは検索エンジンにインデックスされますし、PHP化することによりいろんな機能を付加することができたりもしますよ。

…ここからが続き

Paginateプラグインの使い方

MTEntriesを使ってエントリー一覧を表示する部分を下記青色のソースの部分をつけ加えます。

<div id="contents">
<MTPaginate>
 <MTPaginateContent max_sections="5">
  <MTEntries lastn="0">
   <h2><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></h2>
   <div class="entry">
    <$MTEntryBody$>
   </div>
   <p class="entryFoot">(<$MTEntryDate format="%p %H:%M"$>)</p>
   <$MTPaginateSectionBreak$>
  </MTEntries>
 </MTPaginateContent>
<MTPaginateIfMultiplePages>
 <p class="next">
  <MTPaginateIfPreviousPage_><a href="<$MTPaginatePreviousPageLink$>">前のページ</a></MTPaginateIfPreviousPage_>
  <MTPaginateIfNextPage_><a href="<$MTPaginateNextPageLink$>">次のページ</a></MTPaginateIfNextPage_>
 </p>
</MTPaginateIfMultiplePages>
</MTPaginate>
<!--/ #contents--></div>

Page Navigation部分の種類

前のページのリンク設定

<MTPaginateIfPreviousPage_>
   <a href="<$MTPaginatePreviousPageLink$>">前のページ</a>
</MTPaginateIfPreviousPage_>

次のページのリンク設定

<MTPaginateIfNextPage_>
   <a href="<$MTPaginateNextPageLink$>">次のページ</a>
</MTPaginateIfNextPage_>

すべてのページのリンク設定

<MTPaginateIfMultiplePages>
   <a href="<$MTPaginateAllPagesLink$>">すべてのページ</a>
</MTPaginateIfMultiplePages>

※「前のページ」「次のページ」「すべてのページ」部分を画像に変更する事も可能です。

「 Page 1 | Page 2 | Page 3 | Page 4 」

<$MTPaginateNavigator format="Page %d">

「 1 | 2 | 3 | 4 」

<$MTPaginateNavigator format_title="Page %d">

1 | 2 | 3 | 4 」

<$MTPaginateNavigator format_current="<font size=+1>%d</font>">

「All 4 Pages | 1 | 2 | 3 | 4 」

<$MTPaginateNavigator format_all="All %d Pages">

「 1 , 2 , 3 , 4 」

<$MTPaginateNavigator separator=", ">

Comment Form

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。


(公開されません)
 
Captcha

画像の中に見える文字を入力してください。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年

Related Article