2007年から2013年までの期間、およそ10,000件のデザインの記事をアップしたブログのアーカイブ。現在はhttp://designwork-s.netで更新中。
2008年06月04日

seesaaカスタマイズ-カスタマイズしたHTMLに「記事のページング機能追加」する方法

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ブログ、機能強化と新機能追加のお知らせ
posted by admin at 17:58 | Comment(4) | TrackBack(0) | Seesaaカスタマイズ
この記事へのコメント
はじめまして。
おかげさまで新機能を反映させることができました。ありがとうございました!
Posted by koban at 2008年06月22日 23:21
kobanさま>
お役に立てて何よりです。seesaaもこれでかなり使いやすくなった印象があります。
Posted by 管理人 at 2008年06月23日 14:51
はじめまして!!
ずっと気になっていました「反映されない新機能」、記事を閲覧し無事に反映させることができました。これからもこちらのBlogで色々と勉強させていただこうと思います。
本当にありがとうございました。
Posted by taka at 2008年09月03日 18:20
taka様>

お役に立てて何よりです。新機能は便利なので使っていきたいですよね。今後もSeesaaからなにかリリースされたらこういった記事を書いていこうと思います。
Posted by 管理人 at 2008年09月26日 15:59
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック