TopMovable Typeカスタマイズページ分割 > PageBute プラグインによるページ分割
News
各種ブログテンプレート
2008年11月 7日

エントリー本文

PageBute プラグインによるページ分割

Posted at November 7,2008 12:55 AM
Category:[ページ分割]
Tag:[, , , ]

スカイアークシステムが配布している PageBute プラグインによる、Movable Type 4 のページ分割方法を紹介します。

PageBute プラグインによるページ分割

これまでは主に、Paginate プラグインによるページ分割方法を紹介してきましたが、PageBute プラグインを利用すれば、メインページやブログ記事リスト(月別アーカイブ/カテゴリーアーカイブなど)のページ分割を、PHP 化を行わずに実現することができます。

1.プラグインのダウンロード

下記のリンクからプラグインアーカイブ(2008年11月現在は PageBute3.01.zip)をダウンロードし、任意のフォルダに保存してください。

PageBute

2.インストール

プラグインアーカイブを解凍し、中にある PageBute.pl を plugins ディレクトリにアップロードしてください。

ブログ管理画面より「システム」→「プラグイン」でプラグイン一覧を表示し、次のように表示されればOKです。

プラグイン一覧

3.テンプレートのカスタマイズ

3.1 メインページ(デフォルトテンプレート)

「メインページ」インデックステンプレートに青色部分を追加します。赤色の数字が1ページに表示する件数です。

...前略...
            <div id="content">
                <div id="content-inner">
                    <div id="alpha">
                        <div id="alpha-inner">
<mt:pageContents count="5">
<mt:Entries>
                            <mt:Ignore><!-- Use the Entry Summary module for each entry published on this page --></mt:Ignore>
                            <$mt:Include module="ブログ記事の概要"$>
<mt:pageSeparator />
</mt:Entries>
</mt:pageContents>
<div class="content-nav">
<mt:ifPageBefore>
  <span><$MTPageBefore delim="&#65308;"$></span>
</mt:ifPageBefore>
<mt:pageLists />
<mt:ifPageNext>
  <span><mt:pageNext delim="&#65310;" /></span>
</mt:ifPageNext>
</div>
                            <div class="content-nav">
                                <a href="<$mt:Link template="archive_index"$>">アーカイブ</a>
                            </div>
                        </div>
                    </div>
...後略...

3.2 メインページ(配布テンプレート)

「メインページ」インデックステンプレートに青色部分を追加します。赤色の数字が1ページに表示する件数です。

...前略...
<div id="content">
<div class="blog">
 
<mt:pageContents count="5">
<mt:entries>
   <mt:entryTrackbackData />
   <mt:include module="ブログ記事の概要" />
   <mt:pageSeparator />
</mt:entries>
</mt:pageContents>
<div class="content-nav">
<mt:ifPageBefore>
  <span><$MTPageBefore delim="&#65308;"$></span>
</mt:ifPageBefore>
<mt:pageLists />
<mt:ifPageNext>
  <span><mt:pageNext delim="&#65310;" /></span>
</mt:ifPageNext>
</div>
 
</div>
</div>
...後略...

3.3 アーカイブページ(デフォルトテンプレート:月別アーカイブ)

「月別ブログ記事リスト」アーカイブテンプレートに青色部分を追加します。赤色の数字が1ページに表示する件数です。MTEntries タグの limit="$limit" は削除してください。

...前略...
            <div id="content">
                <div id="content-inner">
                    <div id="alpha">
                        <div id="alpha-inner">
                            <h1 id="page-title" class="archive-title"><$mt:ArchiveTitle$>アーカイブ</h1>
<mt:Ignore><!-- Limit number of entries to the number set in Blog Entry Settings --></mt:Ignore>
<mt:Unless name="datebased_archive"><$mt:Var name="limit" value="auto"$></mt:Unless>
<mt:pageContents count="5">
<mt:Entries limit="$limit">
                            <mt:Ignore><!-- Use the Entry Summary module for each entry published on this page --></mt:Ignore>
                            <$mt:Include module="ブログ記事の概要"$>
<mt:pageSeparator />
</mt:Entries>
</mt:pageContents>
<div class="content-nav">
<mt:ifPageBefore>
  <span><$MTPageBefore delim="&#65308;"$></span>
</mt:ifPageBefore>
<mt:pageLists />
<mt:ifPageNext>
  <span><mt:pageNext delim="&#65310;" /></span>
</mt:ifPageNext>
</div>
                            <div class="content-nav">
                                <mt:ArchivePrevious><a href="<$mt:ArchiveLink$>">&laquo; <$mt:ArchiveTitle$></a> |</mt:ArchivePrevious>
                                <a href="<$mt:Link template="main_index"$>">メインページ</a> |
                                <a href="<$mt:Link template="archive_index"$>">アーカイブ</a>
                                <mt:ArchiveNext>| <a href="<$mt:ArchiveLink$>"><$mt:ArchiveTitle$> &raquo;</a></mt:ArchiveNext>
                            </div>
                        </div>
                    </div>
                    <$mt:Include module="サイドバー"$>
                </div>
            </div>
...後略...

3.4 アーカイブページ(デフォルトテンプレート:カテゴリアーカイブ)

「カテゴリ別ブログ記事リスト」アーカイブテンプレートに青色部分を追加します。赤色の数字が1ページに表示する件数です。MTEntries タグの limit="$limit" は削除してください。

...前略...
            <div id="content">
                <div id="content-inner">
                    <div id="alpha">
                        <div id="alpha-inner">
<mt:If name="datebased_archive">
                            <mt:Ignore><!-- Title for category-monthly entry listings --></mt:Ignore>
                            <h1 id="page-title" class="archive-title"><$mt:ArchiveTitle$>アーカイブ</h1>
<mt:Else>
                            <mt:Ignore><!-- Title for category entry listings --></mt:Ignore>
                            <h1 id="page-title" class="archive-title"><em><$mt:ArchiveTitle$></em>の最近のブログ記事</h1>
</mt:If>
<mt:Ignore><!-- Limit number of entries to the number set in Blog Entry Settings --></mt:Ignore>
<mt:Unless name="datebased_archive"><$mt:Var name="limit" value="auto"$></mt:Unless>
<mt:pageContents count="5">
<mt:Entries limit="$limit">
                            <mt:Ignore><!-- Use the Entry Summary module for each entry published on this page --></mt:Ignore>
                            <$mt:Include module="ブログ記事の概要"$>
<mt:pageSeparator />
</mt:Entries>
</mt:pageContents>
<div class="content-nav">
<mt:ifPageBefore>
  <span><$MTPageBefore delim="&#65308;"$></span>
</mt:ifPageBefore>
<mt:pageLists />
<mt:ifPageNext>
  <span><mt:pageNext delim="&#65310;" /></span>
</mt:ifPageNext>
</div>
                            <div class="content-nav">
                                <mt:ArchivePrevious><a href="<$mt:ArchiveLink$>">&laquo; <$mt:ArchiveTitle$></a> |</mt:ArchivePrevious>
                                <a href="<$mt:Link template="main_index"$>">メインページ</a> |
                                <a href="<$mt:Link template="archive_index"$>">アーカイブ</a>
                                <mt:ArchiveNext>| <a href="<$mt:ArchiveLink$>"><$mt:ArchiveTitle$> &raquo;</a></mt:ArchiveNext>
                            </div>
                        </div>
                    </div>
                    <$mt:Include module="サイドバー"$>
                </div>
            </div>
...後略...

3.5 アーカイブページ(配布テンプレート:月別アーカイブ/カテゴリアーカイブ)

「ブログ記事リスト」アーカイブテンプレートに青色部分を追加します。赤色の数字が1ページに表示する件数です。MTEntries タグの limit="auto" は削除してください。

...前略...
<div id="content">
<div class="blog">
 
<div class="content-nav">
    <mt:archivePrevious>
    <a href="<mt:ArchiveLink />">&laquo; <mt:archiveTitle /></a> |
    </mt:archivePrevious>
    <mt:archiveNext>
    | <a href="<mt:ArchiveLink />"><mt:archiveTitle /> &raquo;</a>
    </mt:archiveNext>
</div>
 
<mt:if name="datebased_archive">
   <mt:pageContents count="5">
   <mt:entries>
      <mt:entryTrackbackData />
      <mt:include module="ブログ記事の概要" />
      <mt:pageSeparator />
   </mt:entries>
   </mt:pageContents>
<mt:else>
   <mt:pageContents count="2">
   <mt:entries limit="auto">
      <mt:entryTrackbackData />
      <mt:include module="ブログ記事の概要" />
      <mt:pageSeparator />
   </mt:entries>
   </mt:pageContents>
</mt:if>
 
<div class="content-nav">
<mt:ifPageBefore>
  <span><$MTPageBefore delim="&#65308;"$></span>
</mt:ifPageBefore>
<mt:pageLists />
<mt:ifPageNext>
  <span><mt:pageNext delim="&#65310;" /></span>
</mt:ifPageNext>
</div>
 
</div>
</div>
...後略...
Posted by yujiro ReTweet This!
関連記事
この記事を読んだ人はこんな記事も読んでいます
人気エントリー
Hatena Hot Entries
Hatena Entries
トラックバックURL


トラックバック

ニュースやらアーカイブをいじる from naka-sta駅務日記
どうも、先週はBMメンバーで2日連続ボーリングにいって、2日とも最低スコアが10... [続きを読む]

Tracked on January 15, 2009 1:04 AM

ページを分割するプラグイン「PageBute」 from k's note
なぜか、このMovableTypeには一般のブログにはついてて当たり前の「次のペ... [続きを読む]

Tracked on February 24, 2009 7:10 PM

PageBute Movable type用ページ分割プラグインを導入(google sitemap対応) from BSDあれこれ
記事数が少し増えてきたのでMovable type用静的ページをページ分割するプ... [続きを読む]

Tracked on July 31, 2009 5:46 PM

MTでページ送りナビゲーションをつける from hinoeuma1966
先日、このブログでもHelpを求めたページ送りのナビゲーションの設定。(Mova... [続きを読む]

Tracked on October 12, 2009 10:10 PM

メインページのページ分割(その1) from 道化師ラッパンのぼやき
メインページにページ分割を表示させようと思う。何記事かに区切って表示させる方法・・・Googleで検索した時に出るアレである。↓  ... [続きを読む]

Tracked on March 28, 2010 4:52 PM
コメント

こんばんは。
Movable Type 4.2 テンプレートセット(フッタ付きリキッドレイアウト対応)でのカスタマイズ方法を教えてください。
宜しくお願いいたします。

[1] Posted by hi-lite&coffee : January 19, 2009 3:28 AM

>hi-lite&coffeeさん
こんにちは。
ご質問の件ですが、3.2項と3.5項の設定を行ってください。
それではよろしくお願い致します。

[2] Posted by yujiro : January 20, 2009 5:07 PM

こんにちは。

3.2項と3.5項の設定を行いましたが、うまくできないようです。
何がいけないのか分からないので教えていただけませんか?

プラグインはきちんと表示されています。

[3] Posted by hi-lite&coffee : January 31, 2009 1:59 PM

>hi-lite&coffeeさん
こんにちは。
ご質問の件ですが、「うまくできない」というのは「ページ分割されない」ということでしょうか?
メインページは、ブログ管理画面の「設定」→「ブログ記事」で、ブログ記事数の表示数を変更してみてください。
ブログ記事数の多いカテゴリー(Diaryなど)では分割されているようなので、プラグインは正常に動作していると思います。
それではよろしくお願い致します。

[4] Posted by yujiro : February 4, 2009 4:22 PM

詳しく書かなくて申し訳ありませんでした。

トップページの分割ができないことと、ブログ記事数の表示数を5にしているのに2つまでしか表示されません。

「赤色の数字が1ページに表示する件数です。」と書かれていますが、http://hi-lite.holy.jp/movie/のブログ記事数の多いカテゴリーAmerican Movieでお分かりのようにそれ以上に表示されてしまいます。

どのようにしたら良いのでしょうか?
お忙しいと思いますが宜しくお願い致します。

[5] Posted by hi-lite&coffee : February 10, 2009 6:59 PM

>hi-lite&coffeeさん
こんばんは。
申し訳ありませんが当方で開発したプラグインではないため、これ以上は不明です。
動作の不具合については下記でご質問いただけますでしょうか。
http://www.skyarc.co.jp/engineerblog/entry/2642.html
それではよろしくお願い致します。

[6] Posted by yujiro : February 16, 2009 12:04 AM

お世話様です。

当該エントリーにてMT4用のカスタマイズが記載されておりますが、「MT3.34(古いですが)」でのカスタマイズ方法をご教授いただければと思っております。

MT4ではエントリーの本文表示に「<$MTEntryBody$>」は使わないのでしょうか?当方MT3.34のデフォルトテンプレートには本文表示に<$MTEntryBody$>が使われているのですが。。
<$MTPageExcerpt$>などで代用しているのでしょうか?
(だとしたらなぜでしょうか?本文に書かずに概要に本文相当の記事を書くのですか?)

現在、当方では以下のタグを用いてエントリー表示しております。(カテゴリーアーカイブ

<$MTEntryTitle$>を用いてタイトル表示。
<MTDateHeader>を用いて<$MTEntryDate format="%x"$>にてエントリー日付表示。
<$MTEntryBody$>にて本文表示

後は、投稿者のハンドルネームやパーマリンクを表示させています。

[7] Posted by Pon : October 31, 2009 8:09 PM

>Ponさん
こんばんは。
ご質問の件ですが、MT4ではデフォルトテンプレートで、テンプレートの部品化を行なっているので、本文表示をするテンプレートとして「ブログ記事の概要」テンプレートモジュールを読み込んでいます。それが「<mt:include module="ブログ記事の概要" />」にあたります。この行で、いわゆるブログ記事の「概要」フィールドに該当する内容を表示しているわけではありません。
よって、ご質問の回答としては「MT4でもエントリーの本文表示には<$MTEntryBody$>」を使っています」となります。

また、MT3に対するページ分割については、MTEntriesタグの前後にページ分割用のテンプレートタグを加える作業はMT4と変わらないので、本エントリーの設定位置を参考にトライしてみてください(それでも不明な場合は再度ご連絡頂けますでしょうか)。

それではよろしくお願い致します。

[8] Posted by yujiro : November 1, 2009 12:57 AM
コメントする
greeting

*必須



ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字 イタリック アンダーライン ハイパーリンク 引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)

Now loading...
Introduction
Entry Trackbacks
Entries of this Category
Recent Entries
Recent Comments
Recent Trackbacks
QRcode

現在停止中です
携帯電話からこのQRcodeを撮影することで携帯用URLを取得することができます

URI for cellular phones
ギターに入った猫
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

loading ...
Categories
Monthly Archives
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
クリエイティブ・コモンズ・ライセンス
Powered by
Movable Type 5.02