Thu,May 22,2008

Seesaaブログのページング機能追加

朝起きて、先ずはメルチェとニュースチェックをしてから仕事ね、と、半分寝ぼけながら(私は朝があんまり強くありません)RSSリーダーをチェックしてい たら、Seesaaのお知らせであがっていたのでなんだろう、と気楽にクリックしたところ。

■Seesaaからのお知らせ: Seesaaブログ、機能強化と新機能追加のお知らせ
http://info.seesaa.net/article/97513939.html

もうびっくりよ。
何がびっくりって、ずーっとずーっと、それはもうずーっと長いこと望んでいたけれども多分Seesaaでは無理、と勝手に決めつけていた機能が今更揃った からよ。

コレ↓ですが。
【新機能 1】記事のページング機能
TOPページに表示される記事の上下に、ページングのためのナビゲーションを設置いたしました。この新しいページング機能により、TOPページ以外の古い 記事や新しい記事を連続して読むことができるようになりました。

以前、カテゴリページが「全部の記事を表示」しかなかった頃、それはいくらなんでもブラクラじゃないのと、結局のところ記事数が増えてきてしまったら自力 で、例えば「Game1」「Game2」等と分けていくしかなかった頃、せめてここだけはページング機能が欲しい!と切実に訴えていた(?)頃、ありがた いことにコレは実装されたので、トップページのページング機能がないくらいたいしたことじゃないわと自分から諦めてしまっていたのですけれども、私は余所 様のブログに行くとけっこうこの機能を多用します。
大体の場合ブログは記事検索か何かによって記事単位で見ることが多いと思いますが、私の場合その記事が面白かったらサイドバー等で「最近の記事」のタイト ル一覧を見て、それぞれ良さげだったらもうトップページに飛んでしまって一気に見させて頂いていく、という流れをとる事が多いので、これが出来ない Seesaaブログを見た時が切なかったのよね。

でもコレで問題なく表示されます。なんてめでたい。

ただし、Seesaaお約束のアレが。
今回の追加された「記事ページのページング機能」については、以下の条件に該当するブログでは機能 いたしません。

(1)マイ・ブログ>デザイン>HTMLにて、ブログのHTML編集を行っているブログ
(2)マイ・ブログ>デザイン>コンテンツにて、コンテンツのHTML編集を行っているブログ

毎回の事なので慣れましたが、仕方ないので該当タグを拾い出して追加します。
今回の該当タグはこちら↓。
追記※テキストエリアに入れておいたのですが、一部タグが稼働していなかったので(意味不明)表示を切り替えておきます。今度は大丈夫だといいんだけれども。今までで拾ってくれてしまった人、いたらゴメンナサイ。23:00修正です。※追記ここまで
<% 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 %>"><<前の<% blog.index_page_cnt %>件</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="<% 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 %>
<% if:pager.next_page %><a href="<% blog.page_url(pager.next_page) %>">次の<% blog.index_page_cnt %>件>></a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>

厳密に言うとちょっと違うんですけれども、私が今回必要としているのは「トップページのページング機能」なので、その該当部分だけ拾い出しました。

で、デフォルトの場合は記事コンテンツの上部分と下部分二箇所にこのタグが入っています。
以下がデフォルトの記事コンテンツのタグ。長いしうっとうしいし表示崩れも出そうなので(多分CSSでいじってないと思うので)後は「続きを読む」で。

と、その前に一つ。
今現在Seesaaのお知らせには
(1)マイ・ブログ>デザイン>HTMLにて、ブログのHTML 編集を行っているブログ
は今回機能追加の対象としてない、と書かれていますが、ページング機能に 関しては関係ないです。関係あるのは
(2)マイ・ブログ>デザイン>コンテンツにて、コンテンツの HTML編集を行っているブログ
のほうで、これも厳密に言うと
「(2)マイ・ブログ>デザイン>コンテンツ>記事にて、コンテンツのHTML編集を行っているブログ」
になります。あくまでも「ページング機能」に関しては、ですが。

というわけで修正が必要な箇所は、
マイ・ブログ>デザイン>コンテンツ>記事>コンテンツのHTML編集
です。

個々のパーツでいじれるSeesaaの仕組みは、私は嫌いじゃないし面白いと思うのだけれども、でもちょっとややこしいわよね、このあたり。

色変更部分が該当箇所になります。多分。
<% content.header -%>
<!-- Content -->

<% 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 %>"><<前の<% 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 %>件>></a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>


<% if:page_name eq 'article' -%>
<div class="navi">
<% if:previous_article -%><a href="<% previous_article.page_url %>">&lt;&lt;</a> <a href="<% previous_article.page_url %>"><% previous_article.subject | tag_break %></a> | <% /if -%>
<a href="<% blog.page_url %>">TOP</a>
<% if:next_article -%> | <a href="<% next_article.page_url %>"><% next_article.subject | tag_break %></a> <a href="<% next_article.page_url %>">&gt;&gt;</a><% /if -%>
</div>
<% /if -%>
<% if:page_name eq 'archive' -%>
<div class="navi">
<% if:archive_page_name eq 'month' -%>
<% if:previous_archive -%><a href="<% previous_archive.page_url %>">&lt;&lt;</a> <a href="<% previous_archive.page_url %>"><% previous_archive.createstamp | date_format("%Y年%m月") %></a> | <% /if -%><a href="<% blog.page_url %>">TOP</a><% if:next_archive -%> | <a href="<% next_archive.page_url %>"><% next_archive.createstamp | date_format("%Y年%m月") %></a> <a href="<% next_archive.page_url %>">&gt;&gt;</a><% /if %>
<% /if %>
<% if:archive_page_name eq 'mday' %><% /if -%>
</div>

<% 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 -%>

<% loop:list_article -%>

<div class="blog">

<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:Trackback="http://madskills.com/public/xml/rss/module/Trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="<% article.page_url | xml %>"
trackback:ping="<% article.tb_url | xml %>"
dc:title="<% article.subject | nl2br | tag_strip | xml | inside_comment %>"
dc:identifier="<% article.page_url | xml %>"
dc:description="<% article.get_excerpt | nl2br | tag_strip | xml | inside_comment | text_summary(240) %>"
dc:creator="<% article.nickname | nl2br | tag_strip | xml | inside_comment %>"
dc:subject="<% article_category.name | nl2br | tag_strip | xml | inside_comment %>"
dc:date="<% article.createstamp | date_format("%Y-%m-%dT%H:%M:%S+09:00") %>"
/>
</rdf:RDF>
-->
<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>
<% if:blog.bookmark_service %>
<script type="text/javascript" language="javascript" charset="utf-8"><!--
seesaa_bookmark_services = "<% blog.bookmark_service %>";
seesaa_article_page_url = "<% article.page_url %>";
seesaa_article_subject = "<% article.subject | jsescape | tag_strip %>";
seesaa_blog_url = "<% site_info.blog_url %>";
//--></script>
<script type="text/javascript" language="JavaScript" charset="utf-8" src="<% site_info.blog_url %>/js/bookmark.js"></script>
<% /if %>
</div>
<div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%>
<% if:article_weather -%>
| <% article_weather.state %> <% article_weather.weather_emoji -%>
<% /if -%>
<% if:diet_log -%>
| <% if:diet_log.condition == -2 %>絶不調<img src="<% site_info.blog_url %>/img/icon/5.gif" width="16" height="17" border="0" alt="絶不調" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == -1 %>不調<img src="<% site_info.blog_url %>/img/icon/4.gif" width="16" height="17" border="0" alt="不調" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == 0 %>普通<img src="<% site_info.blog_url %>/img/icon/3.gif" width="16" height="17" border="0" alt="普通" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == 1 %>好調<img src="<% site_info.blog_url %>/img/icon/2.gif" width="16" height="17" border="0" alt="好調" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == 2 %>絶好調<img src="<% site_info.blog_url %>/img/icon/1.gif" width="16" height="17" border="0" alt="絶好調" align="absmiddle" /><% /if -%>
<% /if -%>
<% if:article.accept_comment_show -%>
| <a href="<% article.page_url %>#comment">Comment(<% article.children_count | __or__ | echo('0') %>)</a>
<% /if -%>
<% if:article.accept_tb_show %>
| <a href="<% article.page_url %>#trackback">TrackBack(<% article.tb_count | __or__ | echo('0') %>)</a>
<% /if -%>
<% if:style.disp_category %>| <a href="<% article_category.page_url %>"><% article_category.name %></a><% /if %>
</div>

</div>

</div>
<% /loop -%>
<% if:page_name eq 'category' -%>
<% 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 -%>

<% if:page_name eq 'archive' -%>
<% 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 'index' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %>
<a href="<% blog.page_url(pager.previous_page) | html %>"><<前の<% 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 %>件>></a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>


<% if:page_name eq 'article' -%>
<% if:individual_article.accept_comment_show -%>
<div id="comments">

<a name="comment"></a>

<div class="comments-head">この記事へのコメント</div>

<% loop:list_individual_article_children -%>
<div class="comments-body">
<div class="text"><% comment.body | html | tag_strip | nl2br | clickable('target="_blank" rel="nofollow"') %></div>
<div class="comments-post">Posted by <% if:comment.homepage %><a href="<% comment.homepage | html | tag_strip %>" target="_blank" rel="nofollow"><% comment.writer | html | tag_strip %></a><% else %><% comment.writer | html | tag_strip %><% /if %> at <% comment.createstamp | date_format('%Y年%m月%d日 %H:%M') %><br /></div>
</div>
<% /loop -%>
<% if:individual_article.accept_comment_catch -%>
<div class="comments-head">コメントを書く</div>
<form action="<% blog.page_url %>pages/user/comments2/regist/input" method="post">
<div class="comments-body">
お名前: <% if:blog.ignore_setting.fill_writer %>[必須入力]<% /if %><br />
<input type="text" name="article_child__writer" size="50" value="" /><br />
メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須入力]<% /if %><br />
<input type="text" name="article_child__email" size="50" value="" /><br />
ホームページアドレス: <% if:blog.ignore_setting.fill_homepage %>[必須入力]<% /if %><br />
<input type="text" name="article_child__homepage" size="50" value="" /><br />
コメント: <% if:blog.ignore_setting.fill_body %>[必須入力]<% /if %><br /> <textarea name="article_child__body" rows="10" cols="45"></textarea><br />
<input type="hidden" name="article_child__article_id" value="<% individual_article.id %>" />
<input type="hidden" name="article_id" value="<% individual_article.id %>" />
<% if:blog.ignore_setting.captcha_comment -%>
認証コード: [必須入力]<br />
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /><br />
<input type="text" name="captcha_comment" size="50" value="" /><br />
※画像の中の文字を半角で入力してください。<br />
<% /if -%>
<% if:individual_article.accept_comment_permission_mode -%>
※ブログオーナーが承認したコメントのみ表示されます。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
<% /if -%>
<input name="need_confirm" type="submit" class="input-submit" value="確認する" /><input name="posted" type="submit" class="input-submit" value="書き込む" />
</div>
</form>
<% /if -%>
</div>
<% /if -%>

<% if:individual_article.accept_tb_show -%>
<div id="trackback">
<% if:individual_article.accept_tb_catch -%>
この記事へのトラックバックURL<br /><% individual_article.tb_url %><br />
<% if:individual_article.accept_tb_permission_mode -%>
※ブログオーナーが承認したトラックバックのみ表示されます。<br />
<% /if -%>
<% if:blog.ignore_setting.tb_link_lookup -%>
※言及リンクのないトラックバックは受信されません。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_tb -%>
<% /if -%>
<% /if %>
<hr />
この記事へのトラックバック<br />
<% loop:list_individual_article_tb -%>
<hr />
<a href="<% tb.url %>" target="_blank" rel="nofollow"><% tb.title | html %></a><br />
Excerpt: <% tb.excerpt | text_summary | html %><br />
Weblog: <% tb.blog_name | html %><br />
Tracked: <% tb.createstamp | date_format('%Y-%m-%d %H:%M') %><br />
<% /loop -%>
</div>
<% /if -%>


<% /if -%>
<!-- /Content -->
<% content.footer -%>

……というかんじです。

私は一応記事下のものだけ追加してみました。記事ページのページングは上にしかつけていないのでバランス悪いんですが。せっかくだからいじろうかな、と今 は思っているけれどもどうかな……。

しかも何故か使っていたCSSデザインテンプレだとちょっと表示が狂うというわけのわからない症状が出たので、他のいつも使うテンプレに片っ端から変えて みたのですけれども、他のは全くなんにも問題がなくて、しかも使っていたものをベースにしてちょっと色と画像を変えただけのほうでも何も問題がなかったとかいうわけのわからない状態だったので、多分CSS設定のどこかが狂っちゃったんだと思いますが、一旦他のテンプレに変更しておきます。
どれがいいかな、と、夏用のつもりでいるソレにしようと思ったんですが、いじっていた時間帯の朝、私が寒かったので一旦コレで。どんな理由。ゴメン。

ってもうお昼じゃないのよ。途中で他の事をしていたとはいえ午前中が潰れたのは痛いわ。
まあでもページング機能はすんごく嬉しいからいっか。そういう問題じゃないか。
そしてそういえばSeesaaの特徴である「再構築」がなくなったらしいのも嬉しいです。でも結局管理画面が重い、というか設定保存をする時に時間がか かっている(自動になっただけで実際はしている)ので体感時間は変わらない、とかいう事は秘密。ただし今単に皆がこぞって触っているから重いのかもしれま せん。今夜が不安だわ。

というかんじで改良部分だけに目がいきがちですが、今回の機能追加にロクでもないものが追加されているよ!
……という事も書きたいんですが、パワー切れにつきまた今度。また今度って書いたものがだんだん増えているような気がするわね。流石にもう分からなくなって参りました。でもコレはブーイングしたいわ、流石に。そういえばそれで最初に頭に来たのだもの。ウッカリ忘れていたけれども。
posted by sei at 11:30 | TrackBack(0) | ブログTIPS系? | 管理用
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。