DesignWorksではseesaaブログにお世話になっていますが、開設当初からページング機能があればなと思っていたのですが、少し前になりますが、「再構築の自動化」と「記事のページング機能追加」が発表されました。

「再構築の自動化」の恩恵はどんな形式にしろ、うけられるのですが、「記事のページング機能追加」はカスタマイズしたHTMLだと自動的に機能追加されません。そこで今回DesignWorksに実装するがついでにHTMLの変更箇所を記載したいと思います。

ソースは以下から

まずトップページのページングは以下のソースを追加してください。

<% if:page_name eq 'index' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %>
<a href="<% blog.page_url(pager.previous_page) | html %>">
&lt;&lt;前の<% blog.index_page_cnt %>件</a>
<% else %>-<% /if %>&nbsp;<% loop:list_pager %>
<% if:pager.show_previous_group(pager_number,5) %>..
<% /if %><% if:pager.show_page(pager_number,5) %>
<% if:current_page ne pager_number %>
<a href="<% blog.page_url(pager_number)%>">
<% /if %><% pager_number %>
<% if:current_page ne pager_number %></a><% /if %><% /if %>
<% if:pager.show_next_group(pager_number,5) %>..<% /if %>
<% /loop %>&nbsp;<% if:pager.next_page %>
<a href="<% blog.page_url(pager.next_page) %>">
次の<% blog.index_page_cnt %>件&gt;&gt;</a>
<% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>

また月別アーカイブとカテゴリーページについては以下のソースを貼り付けてください。

<% if:archive_page_name eq 'month' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %>
<a href="<% archive.page_url(pager.previous_page) %>">&lt;&lt;</a>
<% else %>-<% /if %>
<% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..
<% /if %><% if:pager.show_page(pager_number,5) %>
<% if:current_page ne pager_number %>
<a href="<% archive.page_url(pager_number)%>"><% /if %>
<% pager_number %><% if:current_page ne pager_number %></a>
<% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..
<% /if %><% /loop %> <% if:pager.next_page %>
<a href="<% archive.page_url(pager.next_page) %>">&gt;&gt;</a><% else %>-
<% /if %>
</div>
<% /if -%>
<% /if -%>



<% /if -%>
<% if:page_name eq 'category' -%>
<div class="navi">
<a href="<% blog.page_url %>">TOP</a> / <% category.name %>
</div>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %>
<a href="<% category.page_url(pager.previous_page) %>">&lt;&lt;</a>
<% else %>-<% /if %><% loop:list_pager %>
<% if:pager.show_previous_group(pager_number,5) %>..
<% /if %><% if:pager.show_page(pager_number,5) %>
<% if:current_page ne pager_number %>
<a href="<% category.page_url(pager_number)%>"><% /if %>
<% pager_number %><% if:current_page ne pager_number %></a>
<% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..
<% /if %><% /loop %> <% if:pager.next_page %>
<a href="<% category.page_url(pager.next_page) %>">&gt;&gt;</a>
<% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>

DesignWorksでは記事部分の一番下部の（<% content.footer -%>の手前）ソースを貼り付け、indexの記事の終端にページング機能を追加しました。

必ずカスタマイズをする前はHTMLのバックアップを取ってから行うことをオススメします。両方とも今回の機能追加はありがたかったです。これからも充実したブログサービスを期待しています。

Seesaaからのお知らせ: Seesaaブログ、機能強化と新機能追加のお知らせ